[p. 437] 이벤트 루프와 작업큐, 요청 큐에 대해 잘 정리된 블로그 공유

[xenosign]

JS 는 Call Stack 을 쓰는 것으로 알고 있었는데, Queue 로 그림이 그려져 있어서 확인해 보다가

JS 의 동작 원리인 Call Stack / Event Loop / Callback Queue(Task Queue / Job Queue) 에 대해서 잘 정리된 블로그가 있어서 공유 드립니다! 한 번 보시면 무조건 도움이 될 것 같습니다!

https://velog.io/@dahyeon405/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%8F%99%EC%9E%91-%EC%9B%90%EB%A6%AC-%EC%9D%B4%EB%B2%A4%ED%8A%B8-%EB%A3%A8%ED%94%84%EB%A5%BC-%ED%86%B5%ED%95%9C-%EB%B9%84%EB%8F%99%EA%B8%B0-%EC%B2%98%EB%A6%AC

다섯 줄 요약

• JS 작업은 Call Stack 에 의해 처리 된다
• 비동기적 요청은 Callback Queue(Task Queue / Job Queue) 에 들어가서 Call Stack 이 완전히 비워진 다음에 실행 된다
• Task Queue 는 Macro Task 라 부르는 setTimeout() 같은 시간 함수 또는 addEventListener 같은 I/O Task 를 순서대로 처리 한다
• Job Queue 는 Micro Task 라 부르는 Promise, Async 같은 것을 순서대로 처리한다
• 둘 중에서는 Job Queue 부터 우선 처리 한다