자바스크립트와 브라우저의 비동기 처리 구조: 이벤트 루프와 큐
·
JAVASCRIPT
들어가며자바스크립트와 브라우저 환경에서의 비동기 처리 구조를 전반적으로 정리한 내용입니다. 단일 스레드 언어인 자바스크립트가 어떻게 비동기 처리를 구현하는지, 그리고 브라우저가 제공하는 Web API와 이벤트 루프를 통해 어떤 식으로 콜백이 실행되는지 통합적으로 이해할 수 있도록 합니다. 비동기 프로그래밍(Asynchromous Programming)동기(Synchronous) vs 비동기(Asynchronous)동기어떤 작업 A를 요청하면 그 결과가 나올 때까지 멈춰서 대기한 뒤, 다음 작업을 처리하는 방식작업이 순차적으로만 진행되므로, 하나가 지연되면 전체 흐름에 블로킹이 발생비동기어떤 작업 A를 요청해도 그 결과를 기다리지 않고 다음 작업을 진행비동기 작업이 완료되면 콜백(Callback) 함수나 ..
브라우저의 작동 원리: 웹 페이지가 표시되는 과정
·
WEB
브라우저의 역할과 주요 구성 요소브라우저의 기능Chrome, Microsoft Edge, Safari, 네이버 웨일, Firefox 등은 우리로 하여금 웹 사이트를 이용할 수 있게 해줍니다. 정말 간단하게 주소창에 주소(e.g. `www.naver.com`)만 입력하면 손쉽게 웹 사이트에 접근할 수 있습니다. 우리는 이러한 크롬 등의 응용 프로그램을 브라우저(Browser)라고 부릅니다. 브라우저는 웹 페이지를 사용자에게 표시하는 소프트웨어로, 사용자가 웹 페이지를 요청할 때 서버와 통신하여 데이터를 가져오고, 이를 렌더링하여 화면에 보여줍니다. 기본적으로 HTML, CSS, JavaScript를 처리하고, 사용자와의 상호작용을 관리하는 역할을 합니다. 브라우저는 자신의 기능을 다하기 위해서 여러 요소들..