Javascript 이벤트루프 ( event loop )

이벤트 루프를 이해하기 넘나 좋은 사이트

링크 : http://latentflip.com/loupe/

http://latentflip.com/loupe/

 

동기와 비동기의 차이

 

동기는 먼저 이전의 것이 끝나야 다음 것을 할 수 있다.  줄서는느낌

비동기는 여러가지를 할 수 있다. 운전하면서 노래를 듣고 네비게이션도 확인하며 대화도 가능

 

- 자바스크립트는 동기 언어이다. 비동기 코드가 있을뿐

 

console.log() 의 경우 동기이고 setTimeout() 은 비동기이다.

 

---

 

- 힙 : 메모리 할당이 일어남

- 호출 스택 : 실행될 코드를 한 줄 단위로 할당해 동작된다.

- Web APIs : 비동기 처리

- 콜백 큐 : 비동기 처리 후 실행되야할 콜백 함수가 순서대로 할당

- 이벤트 루프 : 큐에 할당된 함수를 순서에 맞춰 호출 스택에 저장

---

링크로 들어가서 해보는게 이해가 훨씬잘되는듯

 

추가적으로 아래 연습해본 링크!!
https://muyeon95.tistory.com/181

호출 스택 이벤트 루프(1) [ TIL ] [ Javascript ]

https://muyeon95.tistory.com/182

Web API 이벤트루프(2) [ TIL ] [ Javascript ]

https://muyeon95.tistory.com/183

태스크 큐 이벤트루프(3) [ TIL ] [ Javascript ]