The document demonstrates the JavaScript execution model including the call stack, task queue, and event loop. Code is executed synchronously on the call stack until an asynchronous task like setTimeout is reached, which pushes a callback function to the task queue. The event loop then continually checks the call stack and task queue, executing any queued callbacks after the call stack is empty.

1. Call Stack Web API
Task Queue
Event Loop
Console

2. Call Stack Web API
Task Queue
Event Loop
Console
Global Execution Context

3. Call Stack
Task Queue
Event Loop
console.log('Call Stack !');
Console Web API
Global Execution Context

4. Task Queue
Event Loop
Console
Call Stack !
Web API
Call Stack
console.log('Call Stack !');
Global Execution Context

5. Task Queue
Event Loop
Console
Call Stack !
Web API
Call Stack
Global Execution Context

6. Call Stack
Task Queue
Event Loop
setTimeout(function() { ... }, 5000);
Console
Call Stack !
Web API
Global Execution Context

7. Task Queue
Event Loop
Console
Call Stack !
Web API
5000 ms 타이머
function() { console.log('Task Queue !'); }
Call Stack
setTimeout(function() { ... }, 5000);
Global Execution Context

8. Task Queue
Event Loop
Console
Call Stack !
Web API
5000 ms 타이머
function() { console.log('Task Queue !'); }
Call Stack
Global Execution Context

9. Task Queue
Event Loop
Console
Call Stack !
Web API
5000 ms 타이머
function() { console.log('Task Queue !'); }
Call Stack
console.log('Call Stack 2 !');
Global Execution Context

10. Task Queue
Event Loop
Console
Call Stack !
Call Stack 2 !
Web API
5000 ms 타이머
function() { console.log('Task Queue !'); }
Call Stack
console.log('Call Stack 2 !');
Global Execution Context

11. Task Queue
Event Loop
Console
Call Stack !
Call Stack 2 !
Web API
5000 ms 타이머
function() { console.log('Task Queue !'); }
Call Stack
Global Execution Context

12. Task Queue
Event Loop
Console
Call Stack !
Call Stack 2 !
Web API
5000 ms 타이머
function() { console.log('Task Queue !'); }
Call Stack

13. Task Queue
Event Loop
Console
Call Stack !
Call Stack 2 !
Web API
5000 ms 타이머 끝 !
function() { console.log('Task Queue !'); }
Call Stack

14. Task Queue
Event Loop
Console
Call Stack !
Call Stack 2 !
Web API
function() { console.log('Task
Queue !'); }
Call Stack

15. Task Queue
Event Loop
Console
Call Stack !
Call Stack 2 !
Web API
Call Stack
function() { console.log('Task
Queue !'); }

16. Task Queue
Event Loop
Console
Call Stack !
Call Stack 2 !
Web API
Call Stack
function() { console.log('Task
Queue !'); }
console.log('Task Queue !');

17. Task Queue
Event Loop
Console
Call Stack !
Call Stack 2 !
Task Queue !
Web API
Call Stack
function() { console.log('Task
Queue !'); }
console.log('Task Queue !');

18. Task Queue
Event Loop
Console
Call Stack !
Call Stack 2 !
Task Queue !
Web API
Call Stack
function() { console.log('Task
Queue !'); }

19. Task Queue
Event Loop
Web API
Call Stack
Console
Call Stack !
Call Stack 2 !
Task Queue !