본문 바로가기
웹/http

김영한 님의 HTTP 웹 기본지식 강의/2.URI와 웹 브라우저 요청 흐름

by saul 2021. 9. 11.

목표 : URI, URL, URN의 구분, URI를 구성하는 요소들의 이해. 

        웹 브라우저의 요청 흐름 대략적인 이해. 

 

URI(Uniform Resource Identifier)

 

 

URI란?

인터넷에 있는 모든 자원들을 식별할 수 있는 통합 자원 식별 기준

  • Uniform : 리소스를 식별하는 통일된 방식
  • Resource : 자원, URI로 식별할 수 있는 모든 것(제한 없음)
  • Identifier : 다른 항목과 구분하는데 필요한 정보

URL과 URN이란?

  • URL - Locator : 리소스가 있는 위치를 지정
  • URN - Name : 리소스에 이름을 부여

 - 위치는 변할 수 있지만, 이름은 변하지 않는다.

 - URN 이름만으로 실제 라소스를 찾을 수 있는 방법이 보편화되지 않음.

 

URI와 URL은 결론적으로 같은 의미로 봐도 무방하다.

 

URL 분석

  • scheme://[userinfo@]host[:port][/path][?query][#fragment]
  • https://www.google.com:443/search?q=hello&hl=ko

 - 프로토콜(https)

 - 호스트명(www.google.com)

 - 포트번호(443)

 - 패스(/search)

 - 쿼리 파라미터(q=hello&hl=ko)

 

 

 

 

scheme

  • 주로 프로토콜을 사용
  • 프로토콜 : 어떤 방식으로 자원에 접근할 것인가 하는 약속, 규칙 EX) http, https, ftp 등등
  • http는 80 포트, https는 443 포트를 주로 사용, 포트 번호는 생략 가능
  • htpps는 http에 보안 추가(HTTP Secure)

 

 

host

  • 호스트명
  • 도메인명 또는 IP 주소를 직접 사용 가능

 

 

 

PORT

  • 포트(port)
  • 접속 포트
  • 일반적으로 생략, 생략 시 http는 80, https는 443

 

 

 

path

  • 리소스 경로(path), 계층적 구조   
  •  EX)  /home/file1.jpg
  • /members
  • members/100 
  • item/iphone12

 

 

 

query

  • key=value 형태
  • ?로 시작, &로 추가 가능 ?keyA=valueA&keyB=vlaueB
  • query parameter, query string 등으로 불림, 웹서버에 제공하는 파라미터, 문자형태

 

 

웹 브라우저 요청 흐름 

 

클라이언트가 https://www.google.com:443/search?q=hello&hl=ko 다음과 같은 UML 서버로 보낸다는 가정하에 

웹 브라우저의 요청 흐름에 대해서 알아보자.

 

1. 먼저 구글 서버를 찾아야 한다. --> DNS 서버에서 구글 서버 IP주소 조회.

2. https, 포트번호 확인 --> PORT 번호 생략

3. 웹 브라우저에서 HTTP 요청 메시지 생성 

 

GET /search?q=hello&hl=ko HTTP/1.1

Host: www.google.com 

 

4. SOCKET 라이브러리를 통해서 3 way handshake를 통해 구글 서버와 가상연결

          (이미 DNS 서버 덕분에 목적지 IP 주소와 PORT 번호는 알고 있는 상태)

5. HTTP 요청 메시지를 SOCKET 라이브러리를 통해 OS로 전달

6. OS 계층에서 클라이언트 포트번호 할당, HTTP 메시지를 포함한 TCP/IP 패킷 생성.

7. 네트워크 인터페이스 계층으로 전달, 송신

 

 

8. 구글 서버에 요청 패킷 도착

 

 

9. 구글 서버에서 HTTP 메시지 정보를 끄집어낸다. 그리고 요청 메시지 해석

 

10. HTTP 응답 메시지 생성

 

HTTP/1.1 200 OK

Content-Type: Text/html;charset=UTF-8

Content-Length : 3423

 

<html>

  <body>...</body>

</html>

 

 

11. 클라이언트에게 HTTP 응답 메시지 송신

 

12. 클라이언트 웹 브라우저에서 HTTP 메시지를 끄집어낸다. 

 

13. 웹 브라우저가 HTTP 메시지를 HTML 렌더링 한다.

 

* 랜더링 : 렌더링 또는 이미지 합성(rendering 또는 image synthesis)은 컴퓨터 프로그램을 사용하여 모델 또는 이들을 모아놓은 장면인 씬 파일(scene file)로부터 영상을 만들어내는 과정을 말한다.

 

 

 

참고:

본 포스팅에 있는 모든 자료는 김영한 님의 HTTP 웹 기본지식 강의의 자료들입니다.

02. HTTP 웹 기본 지식 - URI (aejeong.com)