1. 전체 흐름
브라우저에 URL을 입력한 뒤 화면이 렌더링되기까지는 다음 순서로 진행된다.
- URL 입력
- DNS 조회
- TCP 연결 수립
- HTTP 요청 및 응답
- 브라우저 렌더링
2. 웹 동작 상세 과정
주소창 입력 및 DNS Lookup
- 브라우저는 입력된 도메인 이름에 대응하는 IP 주소를 확인한다.
- 일반적으로 브라우저 캐시, OS 캐시, 라우터 캐시, DNS 서버 순서로 조회가 이루어진다.
TCP 연결 및 TLS Handshake
- 목적지 IP를 확인한 뒤 서버와 통신하기 위한 연결을 수립한다.
- TCP는
SYN→SYN-ACK→ACK의 3-way handshake를 통해 연결을 설정한다. - HTTPS 환경에서는 이 과정 이후 TLS handshake를 통해 암호화 통신에 필요한 정보를 교환한다.
HTTP 요청 메시지 전송
- 브라우저는 생성한 HTTP Request 메시지를 서버로 전송한다.
- 이 과정에서 데이터는 TCP/IP 계층을 거치며 패킷 형태로 전달된다.
- 패킷에는 출발지와 목적지 주소, 포트 등의 정보가 포함된다.
서버 처리 및 응답 전송
- 서버는 요청 메시지를 해석한 뒤 필요한 자원을 조회하거나 로직을 수행한다.
- 처리 결과를 HTTP Response 메시지에 담아 클라이언트에 반환한다.
브라우저 렌더링
- 브라우저는 응답으로 받은 HTML, CSS, JavaScript를 해석한다.
- 해석된 결과를 기반으로 화면을 구성하고 사용자에게 표시한다.
정리
URL 입력 이후에는 DNS 조회, TCP 연결, HTTP 통신, 렌더링이 순차적으로 진행된다.
사용자가 보는 한 번의 화면 전환 뒤에는 네트워크와 브라우저의 여러 단계가 함께 작동한다.
출처
- MDN Web Docs, What is a Domain Name? https://developer.mozilla.org/en-US/docs/Learn/Understanding_domain_names
- MDN Web Docs, DNS https://developer.mozilla.org/en-US/docs/Glossary/DNS
- MDN Web Docs, Overview of HTTP https://developer.mozilla.org/en-US/docs/Web/HTTP/Guides/Overview