Event Loop와 Await 동작방식

Event Loop와 Await 동작방식근래 들어 다시 JS 기본 개념에 대해 다시 톺아 보고 있다.await, async를 사용하며 동작방식에 대해서는 이해 하고있지만, 원리적으로 이해는 하고 있지 않았다.나는 await를 붙이게 되면 await가 Call Stack 을 점유하고 있기 때문에 동기적으로 실행이 가능하다 라고 생각했는데,이는 큰 오해였고 바로 잡고자 초점을 "await"에 두고 다시 정리하고자 포스팅 한다.Event Loop자바스크립트는 싱글스레드 언어로 하나의 쓰레드를 효율적으로 실행하기 위해 비동기를 통해 로직을 실행한다.비동기 함수는 Task Queue, Micro Task Queue로 구분하여 등록되게 된다.등록된 비동기는 FIFO 형식으로 처리되며 프로미스는 Micro Task Queue, 일반 비동기 함수(SetTimeOut)는Task Queue에 등록되고 Queue의 콜백이 스택에 전달되어 실행되는 비동기의 동작 방식을 이벤트 루프라 말한다.기본 적인 처