🤙 자바스크립트는 어떻게 약속을 지킬까?

- 브라우저와 자바스크립트가 비동기를 어떻게 처리하는지에 대해 알아봅니다. --- 타임라인을 내리다 좋은 글을 발견했습니다. 브라우저와 자바스크립트가 비동기를 처리하는 방식에 대해 설명하는 글입니다. 자바스크립트에서 비동기 작업을 처리하는 문법은 크게 콜백 함수(callback function), 프로미스(Promise), 그리고 ES6부터 등장한 async-await 문법으로 구별할 수 있습니다. 하지만 각각의 동작 방식이 조금씩 다른데, 이를 이해하기 위해서는 브라우저가 비동기 작업을 처리하는 방식 역시 이해하고 있어야 합니다. 브라우저 엔진을 나타내는 요소들인 콜 스택, 이벤트 루프, 태스크 큐(마이크로태스크, 매크로태스크) 의 용어가 낯설게 느껴질 수 있지만, 이에 대한 이해가 있어야 복잡한 비동기 처리에서의 순서를 쉽게 파악할 수 있습니다. 또한 적절한 사진이 있어 이해에도 도움을 주는 글입니다. 브라우저와 자바스크립트의 비동기 처리 방식에 대한 이해가 복잡하게 느껴지시는 분들이라면 한 번쯤 읽어볼만한 자료입니다. - 자바스크립트에서의 비동기 처리 - 콜백 함수와 콜백 지옥 - Promise와 async-await의 등장 - setTimeout 이 의도대로 동작하지 않는 이유 - 브라우저가 비동기 작업을 처리하는 방법