이벤트 루프 & 콜스택

function runLoop() {
    const out = document.getElementById('loop-out');
    out.innerHTML = '';
    const log = (msg, color='#888') =>
      out.innerHTML += '<div style="color:' + color + ';margin-bottom:2px;">' + msg + '</div>';

    log('[1] 동기 코드 시작', '#e8e8e8');

    setTimeout(() => log('[5] setTimeout 0ms — 매크로태스크', '#f59e0b'), 0);

    Promise.resolve()
      .then(() => log('[3] Promise.then — 마이크로태스크', '#22c55e'))
      .then(() => log('[4] 두번째 Promise.then', '#22c55e'));

    log('[2] 동기 코드 종료', '#e8e8e8');
  }