Add queueMicrotask()

1 files changed, 93 insertions, 0 deletions

diff --git a/files/ko/web/api/queuemicrotask/index.md b/files/ko/web/api/queuemicrotask/index.md
new file mode 100644
index 0000000000..5f49d601ba
--- /dev/null
+++ b/files/ko/web/api/queuemicrotask/index.md
@@ -0,0 +1,93 @@
+---
+title: queueMicrotask()
+slug: Web/API/queueMicrotask
+tags:
+  - API
+  - HTML DOM
+  - Intervals
+  - JavaScript
+  - Method
+  - Microtask
+  - Performance
+  - Reference
+  - Scheduling
+  - ServiceWorker
+  - SharedWorker
+  - Tasks
+  - Timers
+  - Window
+  - Worker
+  - asynchronous
+  - queueMicrotask
+  - setTimeout
+  - Polyfill
+browser-compat: api.queueMicrotask
+translation_of: Web/API/queueMicrotask
+---
+{{APIRef("HTML DOM")}}
+
+{{domxref("Window")}} 또는 {{domxref("Worker")}} 인터페이스의 **`queueMicrotask()`** 메서드는 브라우저의 이벤트 루프로 통제권이 넘어가기 전, 안전한 시점에 실행할 마이크로태스크를 큐에 추가합니다.
+
+마이크로태스크란 현재 태스크가 종료된 후, 그리고 실행 맥락의 통제권이 브라우저 이벤트 루프로 넘어가기 전에, 실행해야 하는 다른 코드가 없으면 처리되는 짧은 함수입니다.
+
+마이크로태스크를 사용하면 현재 대기 중인 더 중요한 코드에 간섭하지 않으면서도, 브라우저가 실행 맥락을 다시 통제하기 전에 필요한 작업을 처리할 수 있습니다. [마이크로태스크 안내서](/ko/docs/Web/API/HTML_DOM_API/Microtask_guide)에서 마이크로태스크 사용법과 필요성을 알아보세요.
+
+마이크로태스크의 중요성은 작업을 비동기적으로, 그러나 특정 순서로 실행할 수 있다는 점에 있습니다. 관련 예제 또한 [마이크로태스크 안내서](/ko/docs/Web/API/HTML_DOM_API/Microtask_guide)에서 볼 수 있습니다.
+
+최종 정리 작업이나 렌더링 바로 직전 실행해야 하는 작업이 필요한 라이브러리와 프레임워크에서 마이크로태스크를 유용하게 사용할 수 있습니다.
+
+## 구문
+
+```js
+queueMicrotask(function);
+```
+
+### 매개변수
+
+- `function`
+  - : 브라우저 엔진이 안전한 시점에 실행할 {{jsxref("function")}}입니다. 큐에 올라간 마이크로태스크는 현재 대기 중인 모든 태스크가 완료된 후, 그러나 통제권을 이벤트 루프로 넘겨주기 전에 실행됩니다.
+
+### 반환 값
+
+`undefined`.
+
+## 예제
+
+```js
+queueMicrotask(() => {
+  // 함수 내용
+})
+```
+
+다음은 [queueMicrotask 명세](https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html#microtask-queuing)에서 가져온 예제 코드입니다.
+
+```js
+MyElement.prototype.loadData = function (url) {
+  if (this._cache[url]) {
+    queueMicrotask(() => {
+      this._setData(this._cache[url]);
+      this.dispatchEvent(new Event("load"));
+    });
+  } else {
+    fetch(url).then(res => res.arrayBuffer()).then(data => {
+      this._cache[url] = data;
+      this._setData(data);
+      this.dispatchEvent(new Event("load"));
+    });
+  }
+};
+```
+
+## 명세
+
+{{Specifications}}
+
+## 브라우저 호환성
+
+{{Compat}}
+
+## 같이 보기
+
+- `core-js`의 [`queueMicrotask` 폴리필](https://github.com/zloirock/core-js#queuemicrotask)
+- [JavaScript의 queueMicrotask()와 함께 마이크로태스크 사용하기](/ko/docs/Web/API/HTML_DOM_API/Microtask_guide)
+- [비동기 JavaScript](/ko/docs/Learn/JavaScript/Asynchronous)