JavaScript Runtime - Event Loop, Callback Queue
앞선 JavaScript Runtime 포스팅에서는 JavaScript 런타임의 구조를 다음과 같이 이해했다(Figure1).
이번 포스트에서는 event loop와 callback queue를 중심으로 보다 구조를 세분화해서 살펴보도록하자. 이벤트 루프와 의 세부적인 구조를 가장 잘 시각화한 자료가 있어 소개한다(Figure2).
각각의 약어들이 의미하는 바는 다음과 같다:
* T (Task)
* rAF(`requestAnimationFrame`)
* S (Style Computation)
* L (Layout)
* P