JavaScript 이벤트 루프 시각화

console.log("Start");

setTimeout(() => {
  console.log("setTimeout");
}, 0);

Promise.resolve().then(() => {
  console.log("Promise");
});

console.log("End");

JavaScript 이벤트 루프 이해하기

JavaScript 이벤트 루프는 비동기 작업을 처리하는 메커니즘입니다. setTimeout 콜백은 태스크 큐에, Promise 콜백은 마이크로태스크 큐에 들어갑니다.

핵심 개념

• 콜 스택은 동기 코드를 먼저 실행
• 마이크로태스크는 매크로태스크보다 우선
• 각 매크로태스크 후 모든 마이크로태스크 실행
• 콜 스택이 비었을 때만 큐 확인
• Web API는 메인 스레드 외부에서 실행

자주 묻는 질문

관련 도구