이벤트 루프를 이해할 수 있는 아주 좋은 사이트가 있어 소개한다.
http://latentflip.com/loupe/?code=JC5vbignYnV0dG9uJywgJ2NsaWNrJywgZnVuY3Rpb24gb25DbGljaygpIHsKICAgIHNldFRpbWVvdXQoZnVuY3Rpb24gdGltZXIoKSB7CiAgICAgICAgY29uc29sZS5sb2coJ1lvdSBjbGlja2VkIHRoZSBidXR0b24hJyk7ICAgIAogICAgfSwgMjAwMCk7Cn0pOwoKY29uc29sZS5sb2coIkhpISIpOwoKc2V0VGltZW91dChmdW5jdGlvbiB0aW1lb3V0KCkgewogICAgY29uc29sZS5sb2coIkNsaWNrIHRoZSBidXR0b24hIik7Cn0sIDUwMDApOwoKY29uc29sZS5sb2coIldlbGNvbWUgdG8gbG91cGUuIik7%21%21%21PGJ1dHRvbj5DbGljayBtZSE8L2J1dHRvbj4%3D
latentflip.com
요약
Call Stack : 명령이 직접 실행(LIFO : Last In First Out)
Web Apis : Callback과 관계된 액션(setTimout, setInterval, Ajax 등 )이 등록 및 실행되는곳.
Callback Queue : Web Apis에서 작업을 마친후 이곳으로 이동 후 Call Stack 이 작업이 없을 경우(비어 있을 경우) Call Stack으로 이동.반응형
'IT관련 > Angular' 카테고리의 다른 글
| VSCode에서 intelligence 및 assistant 기능 안될때 처리방법 (0) | 2025.07.15 |
|---|---|
| 탐색 확인 팝업창이 두번째 클릭부터 뜨는 이유 (1) | 2025.06.25 |
| 자식요소에서 부모요소의 height셋팅값 알아내는 방법 (0) | 2025.06.10 |
| 탐색 확인 팝업 종료 체크 (1) | 2025.05.16 |
| InnerHtml에 대해 (1) | 2025.04.08 |