🌐🚀 프론트엔드 개발의 시작! 필수 지식 Part 2.

JavaScript는 하나의 스택에서 동작하는 싱글 스레드 언어라서 한 번에 하나의 작업만 처리할 수 있습니다. 🪡

이러한 동기 실행 흐름에서 동시성을 처리하기 위해 이벤트 루프라는 개념이 사용됩니다. 🔁

이벤트 루프는 콜 스택과 콜백 큐를 사용하여 JavaScript 코드를 실행합니다. 📚

콜백 큐에는 비동기 작업이 저장되고 콜 스택이 비어있을 때 큐에서 작업이 꺼내져 실행됩니다. ⏳

프로미스와 세트 타임아웃과 같은 비동기 작업은 우선순위가 높은 마이크로 태스크 큐에 추가됩니다. 💫

웹 브라우저는 HTML, CSS, JS 파일을 분석하여 웹 페이지를 화면에 표시하는 데 이벤트 루프를 사용합니다. 💻

브라우저는 HTML을 DOM으로, CSS를 CSSOM으로, DOM과 CSSOM을 결합하여 렌더 트리를 생성합니다. 🌳