mathbong
EN
용어 사전 coding 용어 페이지

Macrotask Queue

setTimeout·I/O·메시지·사용자 이벤트 등을 다음 턴으로 미루는 큐

macrotask-queue #javascript#event-loop
English version

다른 이름

매크로태스크 큐macrotask queue

관련 개념

이벤트 루프비동기 처리Microtask Queue디바운스

핵심 아이디어

setTimeout, setInterval, DOM 이벤트, 네트워크 응답은 macrotask queue에 쌓이고, 이벤트 루프는 microtask를 비우고 필요하면 렌더링을 수행한 뒤 macrotask를 하나씩 실행합니다. 따라서 각 macrotask는 빈 스택에서 새 턴을 시작합니다.

이 블로그에서의 역할

Mathbong의 디바운스·스로틀 단원은 macrotask queue를 사용해 입력 소음을 의도적으로 늦춥니다. 항상 microtask queue 이후에 실행된다는 점을 이해하면 타이머가 느리게 느껴지는 이유와 UI에 맞는 큐를 고르는 법을 분명히 설명할 수 있습니다.

이 개념을 다루는 글

[JavaScript 시리즈 10편] 이벤트 루프, 디바운스, 스로틀로 반응성 다듬기 브라우저 이벤트 루프 개념을 짚고 스크롤·입력 최적화를 위한 debounce/throttle 구현을 연습합니다.[JavaScript Series 10] Improving Performance with the Event Loop, Debounce, and Throttle Review how the browser event loop works and practice debounce/throttle patterns to tame scroll and input bursts.