[CS] 주소창에 URL 입력 시 브라우저 동작 원리

브라우저 렌더링 과정은 여기서 설명했는데
렌더링 하기 전 맨 처음 브라우저 주소창에 URL을 입력했을 때 웹 페이지를 로드하는 과정은 어떻게 될까?
예를 들어 사용자가 www.naver.com  네이버를 주소창에 입력 후 엔터 빵 쳤을 때!

 
1. 위에 입력한 URL은 사람이 이해하기 쉽게 만들어진 도메인이라는 것, 하지만 컴퓨터는 IP 주소로 통신을 하기 때문에 사용자가 입력한  주소에 도메인 네임(www.naver.com -> 'naver.com')을 추출해서 IP 주소로 변환하기 위해 DNS(Domain Name System)에 요청을한다.
2. DNS는 naver.com에 해당하는 IP 주소를 반환하고 브라우저는 그 IP 주소를 사용해서 서버 연결을 시도한다.
3. 연결 성공 시 브라우저는 서버에 HTTP 요청을 보내고, 서버는 브라우저 요청에 대한 리소스(HTML, CSS, JS 등)를 응답으로 브라우저에 전달한다.
4. 브라우저는 받은 응답을 파싱해서 웹페이지를 렌더링한다.
 
서버로부터 받은 웹페이지의 리소스를 받으면, 브라우저는 동시에 데이터를 전송받고 위에 작성했던 글 처럼 렌더링 작업을 시작해서 페이지를 화면에 표시하게 된다.