Event Loop이벤트 루프

Call Stack     Task Queue    Microtask Queue
┌────────┐     ┌────────┐    ┌────────────┐
│ main() │     │setTimeout│  │ Promise.then│
│ fn()   │     │ callback │  │ async/await │
└────────┘     └────────┘    └────────────┘
      ↑                ↑ (Call Stack 비면 처리)
이벤트 루프: Call Stack이 비면 Microtask Queue → Task Queue 순으로 실행

console.log('1');          // 동기 (즉시)

setTimeout(() => {
    console.log('4');      // Task Queue (마지막)
}, 0);

Promise.resolve().then(() => {
    console.log('3');      // Microtask Queue (setTimeout보다 먼저)
});

console.log('2');          // 동기 (즉시)

// 출력: 1 → 2 → 3 → 4

┌────────────────────────────────────────┐
│           timers                        │ ← setTimeout, setInterval
├────────────────────────────────────────┤
│        pending callbacks               │
├────────────────────────────────────────┤
│           idle, prepare                │
├────────────────────────────────────────┤
│              poll                       │ ← I/O 이벤트 대기
├────────────────────────────────────────┤
│              check                      │ ← setImmediate
├────────────────────────────────────────┤
│         close callbacks                │
└────────────────────────────────────────┘
매 단계 전후: Microtask 처리 (Promise, queueMicrotask)

// 나쁜 예: 동기 작업이 루프를 블로킹
app.get('/slow', (req, res) => {
    const result = heavyCpuWork();  // 1초 소요 → 다른 요청 처리 불가
    res.json(result);
});

// 좋은 예: Worker Thread나 비동기로 처리
app.get('/fast', async (req, res) => {
    const result = await asyncCpuWork();  // 루프 해방
    res.json(result);
});