[HTTP - 2 ] URL 입력에서 웹 페이지 출력까지: HTTP 요청과 응답 과정 이해하기

↘️ 관련 글 읽기

[HTTP - 3 ] HTTP의 특징:쿠키(Cookie)와 세션(Session)의 차이점

[HTTP - 1 ] HTTP란? : PUT과 PATCH의 역할과 차이점

 

 

 

---

 

📍주소창에 www.google.com 쳤을 때 나오기까지의 과정

 

출처: 기출로 대비하는 개발자 전공면접 [CS완전정복]

 

1. URL 입력

• 브라우저의 주소창에 www.google.com을 입력하면, 브라우저는 이 주소를 처리하기 시작한다.
• URL은 사용자가 원하는 웹 페이지를 요청하기 위한 출발점이다.

2. DNS를 통해 서버의 IP 주소 찾기

인터넷은 숫자(IP 주소)로 통신하지만, 사용자는 기억하기 쉬운 도메인 이름(예: www.google.com)을 사용한다.

• 브라우저는 DNS 서버에 도메인 이름을 보내고, 해당 이름에 연결된 서버의 IP 주소를 받아온다.
  예: 142.250.190.78 같은 숫자.

3. HTTP 요청 메시지 생성 및 서버로 전송

• 브라우저는 구글 서버에 요청을 보내기 위해 HTTP 요청 메시지를 만든다.
• 이 요청 메시지는 인터넷에서 전달되기 위해 TCP/IP 패킷으로 변환되어 서버로 전송된다.
  • HTTP 요청 메시지: "www.google.com 페이지를 주세요."

4. 서버가 HTTP 응답 메시지를 생성

• 구글의 서버는 요청을 받고, 사용자가 요청한 내용을 준비한다.
  • 요청받은 페이지의 HTML, CSS, JavaScript 파일 등.
• 서버는 준비된 데이터를 HTTP 응답 메시지에 담아 클라이언트(브라우저)로 전송한다.
  • HTTP 응답 메시지: "여기 요청한 페이지 데이터입니다."

5. 브라우저가 웹 페이지를 화면에 출력 (렌더링)

• 브라우저는 서버로부터 받은 응답 메시지를 해석한다.
  • HTML → 구조 작성 (DOM 생성).
  • CSS → 스타일 적용 (글꼴, 색상 등).
  • JavaScript → 동적 기능 처리 (버튼 클릭, 애니메이션 등).
• 모든 과정을 거쳐 사용자가 볼 수 있는 완성된 웹 페이지가 화면에 나타난다.

 

---

📍 쉽게 이해하기 위한 비유

• URL 입력: "전화번호부에서 친구 이름 찾기."
• DNS: "이름으로 친구의 전화번호(IP 주소)를 알아내기."
• HTTP 요청: "친구에게 전화 걸어 원하는 내용을 요청하기."
• HTTP 응답: "친구가 요청한 내용을 준비해 답장하기."
• 렌더링: "받은 내용을 읽고 정리해 화면에 보기 좋게 보여주기."

이 과정을 통해 주소창에 입력한 URL이 웹 페이지로 변환되어 화면에 표시된다.