[CS] 검색창에 URL을 입력하면 생기는 일

SungWoo·2025년 1월 3일

CS

목록 보기

8/9

웹 브라우저의 검색창에 URL을 입력하면 무슨 일이 일어날까?

단순히 주소를 입력하는 것으로 보일지 모르지만, 실제로는 여러 단계의 복잡한 과정이 진행된다. 이 과정을 단계별로 살펴보자.

STEP 1. DNS 조회 (DNS Lookup)

사용자가 “www.google.com” 같은 URL을 입력하면 브라우저는 먼저 이 도메인 이름을 IP 주소로 변환해야 한다. 이 과정을 DNS 조회라고 한다.

먼저 브라우저는 이전에 저장된 즉, 캐시된 DNS 기록을 확인한다.
캐시된 기록이 없을 경우 로컬 DNS 서버에 요청을 보낸다.
서버로부터 해당 도메인에 매칭되는 IP 주소를 얻는다. 예를 들어, “www.google.com”은 특정 주소(ex. 142.250.74.206)로 변환된다.

STEP 2. TCP 연결 수립 (TCP/IP socket connection)

IP 주소가 확인되면 브라우저는 서버와 TCP 연결을 수립한다.

TCP(Transmission Control Protocol)는 데이터를 신뢰성 있게 전달하기 위한 프로토콜이다.

이 과정에서 3-way handshake라는 절차가 이루어진다.

브라우저가 서버로 SYN 패킷을 보낸다.
서버는 이에 대한 응답으로 SYN-ACK 패킷을 보낸다.
브라우저가 다시 ACK 패킷을 보내면서 연결이 수립된다.

HTTPS를 사용하는 경우, 이 단계 이후에 SSL/TLS handshake가 추가로 진행된다.

이 과정에서는 보안 인증서를 교환하고, 데이터를 암호화하기 위한 키를 협상한다.

STEP 3. HTTP 요청 (HTTP Request)

TCP 연결이 성공적으로 이루어지면, 브라우저는 HTTP 요청을 서버로 보낸다.

이 요청은 다음과 같은 정보를 포함한다.

Start line: 요청 메서드(GET, POST 등), 요청 대상 경로, HTTP 버전(ex. HTTP/1.1)
HTTP request headers: 클라이언트 정보(User-Agent), 허용 언어(Accept-Language) 등
Request body: (필요한 경우) 서버로 전송할 데이터

예를 들어, 브라우저가 “GET / HTTP/1.1” 요청을 보내면 이는 서버에게 해당 웹 페이지의 리소스를 보내달라는 요청이다. 이 요청의 구체적인 구조는 아래와 같다.

// State line
GET / HTTP/1.1    

// HTTP request headers
Host: www.google.com
User-Agent: Mozilla/5.0
Accept-Language: en-US

// Request body
<BODY>

위 요청은 서버에게 루트 경로(/)의 리소스를 HTTP/1.1 프로토콜을 사용해 요청하는 예시이다.

STEP4. 서버의 응답 (HTTP Response)

서버는 요청을 받은 뒤 처리하고, 클라이언트(브라우저)로 응답을 보낸다.

서버의 응답은 다음과 같은 구조로 이루어진다.

Start line: HTTP 버전, 상태 코드 (ex.200 OK)
HTTP Response headers: 응답 데이터의 유형(Content-Type), 길이(Content-Length) 등
Response body: 요청한 리소스(HTML, CSS, JavaScript, 이미지 등)

예를 들어, 서버가 클라이언트의 요청에 대해 성공적인 응답을 보낼 때의 구조는 다음과 같다:

// State line
HTTP/1.1 200 OK    

// HTTP request headers
Content-Type: text/html; charset=UTF-8
Content-Length: 305

// Request body
<html>
  <head><title>Example</title></head>
  <body>
    <h1>Hello, World!</h1>
  </body>
</html>