JS 이벤트 루프(callback, setTimeout, queue, 싱글스레드)

JS 이벤트 루프에 대한 이해에 30분만 투자하면 완벽하게 이해할 수 있는 영상이 있어 공유드립니다.

 

 

* 실제로 스크롤 이벤트를 작성하면 스크롤 이벤트는 스크롤 한번 할 때마다 수없이(15 milliseconds당) 이벤트를 일으키기 때문에 수 많은 이벤트들이 콜백 queue에 쌓이게 됩니다.

* 핵심은

stack에 불필요한 느린 코드를 쌓아서 이벤트 루프를 막지 말아라

즉, 브라우저가 Rendering하는 과정을 막지 말라는 것입니다.

 

출처 : https://www.youtube.com/watch?v=8aGhZQkoFbQ&feature=youtu.be