Call Stack

콜스택

- 콜스택(호출 스택)은 LIFO(후입선출)을 기반으로 하는 자료구조이다 .

- 자바스크립트는 '싱글스레드' 기반의 언어이다. 이 말은 즉, 콜스택이 하나라는 의미이다. 

 

백그라운드

- Wep API가 모이는 장소라고 보면 된다. 

- 백그라운드에는 이벤트리스너나 비동기 API의 경우에만 들어간다. (무조건적으로 들어간다는 말이 아님)

 

큐

- 백그라운드에서 정해진 시간이 끝난 함수들이 순서대로 들어온다.

 

이벤트루프

- 콜스택이 비워져있는게 확인되면, 큐에서 대기하고 있는 함수들이 순서대로 이동된다.

 

 

 

---

 

 

- 아래 이미지는 Javascript Event Loop를 도식화 한 것이다

 

ZeroCho

- setTimeout이 호출되고 지워질 때, 백그라운드로 이동 → 백그라운드에서 setTimeout의 정해진 시간만큼 보내다가 끝나면 → 큐로 보냄 → 큐는 대기하다가 콜스택이 비워지면 setTimeout은 큐에서 콜스택으로 이동

 

 

 

- 아래 링크에서 이벤트루프의 동작을 쉽게 볼 수 있다.

 

http://latentflip.com/loupe/?code=JC5vbignYnV0dG9uJywgJ2NsaWNrJywgZnVuY3Rpb24gb25DbGljaygpIHsKICAgIHNldFRpbWVvdXQoZnVuY3Rpb24gdGltZXIoKSB7CiAgICAgICAgY29uc29sZS5sb2coJ1lvdSBjbGlja2VkIHRoZSBidXR0b24hJyk7ICAgIAogICAgfSwgMjAwMCk7Cn0pOwoKY29uc29sZS5sb2coIkhpISIpOwoKc2V0VGltZW91dChmdW5jdGlvbiB0aW1lb3V0KCkgewogICAgY29uc29sZS5sb2coIkNsaWNrIHRoZSBidXR0b24hIik7Cn0sIDUwMDApOwoKY29uc29sZS5sb2coIldlbGNvbWUgdG8gbG91cGUuIik7!!!PGJ1dHRvbj5DbGljayBtZSE8L2J1dHRvbj4%3D

(JavaScript) 호출 스택과 이벤트루프