우리가 매일 사용하는 웹 브라우저 주소창에 [www.google.com](https://www.google.com)을 입력하고 엔터(Enter) 키를 누르면, 불과 1초도 안 되는 짧은 시간 동안 백그라운드에서는 수많은 네트워크 프로토콜과 서버들이 복잡하게 상호작용합니다.
이 과정은 개발자 면접 단골 질문이자, 웹의 작동 원리를 이해하기 위한 가장 핵심적인 핵심 종합 가이드입니다.
주소 입력부터 화면에 구글 메인 페이지가 뜰 때까지의 전체 과정을 6단계로 완벽하게 정리해 드리겠습니다.
전 과정 한눈에 보기
사용자가 주소창에 [www.google.com](https://www.google.com)을 입력하면 브라우저는 해당 요청을 분석합니다.
- URL 분석: 프로토콜(https://), 도메인 이름([www.google.com](https://www.google.com)), 포트 번호(HTTPS의 경우 443)를 분리합니다.
- 캐시 확인: 이미 방문했던 사이트인지 확인하기 위해 4단계 캐시를 순서대로 조회합니다.
- 브라우저 캐시 (Browser Cache)
- OS 캐시 (OS Level Cache / Hosts 파일)
- 라우터 캐시 (Router Cache)
- ISP 캐시 (DNS Cache)
만약 캐시 메모리에 해당 도메인의 IP 주소가 남아있다면, 다음 2단계의 DNS 조회를 생략하고 즉시 IP 주소를 취득합니다.
캐시에 정보가 없다면, 브라우저는 구글 서버의 실제 위치인 IP 주소를 찾기 위해 DNS 서버에 조회를 요청합니다.
- Local DNS 서버 요청: PC에 설정된 기본 DNS 서버(예: KT, SKT, LGU+ 또는 구글 8.8.8.8)로 요청을 보냅니다.
- 재귀적 조회 (Recursive Query): Local DNS 서버에 주소가 없다면 계층 구조에 따라 다음과 같이 이동합니다.
- Root DNS 서버: .com 최상위 도메인(TLD) 서버 주소 안내
- TLD DNS 서버 (.com): google.com을 관리하는 Authoritative DNS 서버 주소 안내
- Authoritative DNS 서버: [www.google.com](https://www.google.com)에 해당하는 최종 IP 주소(142.250.x.x)를 반환
구글 서버의 IP 주소를 알아냈다면, 데이터를 안전하게 주고받기 위해 서버와 연결을 맺습니다.
- TCP 3-Way Handshake:
- SYN: 클라이언트가 서버에 연결 요청을 보냅니다.
- SYN-ACK: 서버가 요청을 확인하고 응답 및 연결 요청을 되돌려줍니다.
- ACK: 클라이언트가 최종 확인 응답을 보냄으로써 TCP 연결이 완성됩니다.
- TLS/SSL Handshake (HTTPS 적용 시):
- 데이터를 암호화하여 주고받기 위해 대칭키/비대칭키 암호화 방식을 사용한 SSL Handshake 과정을 거쳐 세션 키(Session Key)를 생성합니다.
연결이 성공적으로 수립되면 브라우저는 HTTP 프로토콜에 맞추어 GET 요청 메시지를 작성하여 구글 서버로 보냅니다.
- 요청 헤더(Header) 포함 내용:
- 요청 메서드: GET / HTTP/1.1 (또는 HTTP/2, HTTP/3)
- 호스트: [www.google.com](https://www.google.com)
- User-Agent: 사용자의 브라우저 및 OS 정보
- Accept: 수신 가능한 데이터 타입(HTML, Image 등)
- Cookie: 기존에 저장된 사용자 쿠키 정보
구글의 웹 서버(Web Server) 및 리버스 프록시(Nginx 등)가 요청을 받습니다.
- 서버는 요청을 검증하고 필요한 데이터를 애플리케이션 서버(WAS)나 DB에서 조회합니다.
- 서버는 처리 결과와 함께 HTTP 상태 코드 200 OK 및 HTML 문서 데이터를 응답 패킷에 담아 클라이언트로 전송합니다.
브라우저는 서버로부터 전달받은 HTML, CSS, JavaScript 파일들을 해석하여 화면을 그리기 시작합니다.
- DOM 트리 생성: HTML 문서를 파싱하여 DOM(Document Object Model) 트리를 구축합니다.
- CSSOM 트리 생성: CSS 파일을 파싱하여 CSSOM(CSS Object Model) 트리를 생성합니다.
- 렌더 트리(Render Tree) 형성: DOM과 CSSOM을 결합하여 실제 화면에 그려질 요소들만 모은 렌더 트리를 만듭니다.
- 레이아웃 (Layout / Reflow): 각 요소들의 정확한 위치와 크기를 계산합니다.
- 페인트 (Paint / Repaint): 계산된 위치에 색상을 칠하고 픽셀화하여 최종적으로 사용자의 모니터 화면에 구글 메인 페이지를 출력합니다.
요약 정리
[www.google.com](https://www.google.com)을 입력했을 때 화면이 뜨는 과정은 [주소 해석 및 캐시 조회] ➔ [DNS IP 변환] ➔ [TCP/TLS 연결] ➔ [HTTP 요청/응답] ➔ [브라우저 화면 렌더링]이라는 5가지 핵심 통신 절차를 충실히 따릅니다.
이러한 수많은 백그라운드 연산이 불과 몇 십~몇 백 밀리초(ms) 만에 완료되기 때문에, 우리는 실시간으로 막힘없는 웹 쇼핑과 검색 서비스를 누릴 수 있습니다.