hotamul의 개발 이야기

익숙하게 들어봤을 AJAX, setTimeout, DOM 조작 API들은 모두 비동기적으로 작동한다. Javascript는 싱글쓰레드인데 어떻게 비동기적으로 작동할 수 있을까? 아래 영상을 참고하면 Javascript의 비동기적인(비동기적인 것처럼) 작동 방식과 Javascript의 Event Loop, Call Stack, Callback Queue, Web APIs에 대해 이해할 수 있다. What the heck is the event loop anyway? 아래 이미지는 영상에서의 Javascript 런타임 환경에 대한 이해를 돕기 위한 이미지이다. 요약하자면 Javascript는 Call Stack에 있는 function call들을 우선적으로 처리하고 Call Stack이 비어 있을 때 Cal..

JavaScript Hoisting refers to the process whereby the interpreter appears to move the declaration of functions, variables or classes to the top of their scope, prior to execution of the code. Javascript에서 호이스팅(hoisting)이란 변수, 함수가 선언되기 전 사용될 때를 대비해서 사용하려는 scope 맨 위에 선언한 것과 같은 효과를 보이는 것을 말한다. 링크에 좋은 예시와 자세한 설명이 있으니 참고하자. 위 링크의 글을 읽다 보면 TDZ(Temporal Dead Zone)에 대한 내용도 찾아볼 수 있다. TDZ가 발생하는 이유는 let, c..