웹 브라우저의 동작 과정

웹 동작 과정

1. 주소창에 URI(Uniform Resource Identifier)를 입력 후 엔터를 누른다.

2. Application layer의 DNS을 이용하여 DNS에 등록되어있는 해당 uri의 ip주소를 찾아 Transport layer로 전달한다.

3. Transport layer의 TCP가 클라이언트와 서버의 3-way hand shanking을 통해 연결을 확립한 후 서버에 데이터를 전송한다.

4. 이후 Network layer에서 ARP(Address Resolution Protocol)를 이용하여 IP주소를 이용해 MAC 주소를 찾아서 데이터 링크와 물리계층을 통해 서버 단으로 패킷이 전송된다.

5. 서버단에서는 받은 패킷을 역순으로 헤더와 payload를 해석하여 데이터를 수신한다.

6. 브라우저는 HTML 데이터를 수신하여 HTML 파서와 DOM트리를 만들고 CSS 파서가 스타일 규칙을 만든 것을 합쳐 렌더트리를 생성한다.

7. 이때, 사용자에게 빨리 화면을 보여주기 위해서 모든 HTML파싱을 기다리지 않고 준비가 된 렌더 트리를 그리기 시작한다.
   
   
   
   

네트워크 7계층

TCP 3-way hand shaking

렌더링 엔진의 동작 과정

웹킷의 동작 과정

DOM tree

참고

• https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/
• https://d2.naver.com/helloworld/59361
• https://www.geeksforgeeks.org/tcp-3-way-handshake-process/