URL 입력

: 사용자가 웹 브라우저의 주소창에 URL을 입력

DNS 조회

: 브라우저는 입력한 URL의 도메인 이름을 해당 IP 주소로 환하기 위해 DNS를 조회한다.

TCP 연결

: 웹 브라우저가 DNS를 통해 받은 IP 주소를 이용하여 해당 서버와 TCP 연결을 수립하고 일반적으로 “3-way handshake”라고 불리며, 클라이언트와 서버간의 신뢰할 수 있는 연결을 구축하는데 사용.

HTTP 요청

: HTTP 요청을 서버로 보낸다.

HTTP 응답

: 서버 HTTP 요청을 처리하고 HTTP 응답으로 결과를 웹 브라우저에게 전송한다. 이 응답은 보통 HTML 문서를 포함하지만, 이미지, CSS, Js 등 다른 타입의 리소스 일 수 있다.

브라우저의 렌더링 과정

HTTP 응답을 받은 해당 페이지를 렌더링한다.

렌더링 엔진의 핵심 작업은 HTML 파서이다.

Rendering 엔진의 목표

• HTML, CSS, JS 등 웹페이지에 포함된 모든 요소들을 화면에 보여주기
• 업데이트 시, 효율적으로 렌더링 할 수 있도록 자료 구조 생성 (사용자 동작으로 인한 업데이트, 애니메이션, 비동기적인 데이터 업데이트 등)

파싱

: 어휘분석기(Lexer)를 통해 토큰화 된 코드가 생성되고, 이를 파서가 해석한다.

• 파싱 과정은 입력받은 문자열이 문법을 모드 따르는지 확인.