URI와 웹 브라우저 요청 흐름

kimwoody·2022년 3월 9일
0

URI(Uniform Resource Identifier)

URI? URL? URN?

“URI는 로케이터(locator), 이름(name) 또는 둘 다 추가로 분류될 수 있다”

URI안에 URL과 URN이 있다.

URL을 주로 쓴다.

URI 단어 뜻

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

URL, URN 단어 뜻

  • URL - Locator: 리소스가 있는 위치를 지정
  • URN - Name: 리소스에 이름을 부여
  • 위치는 변할 수 있지만, 이름은 변하지 않는다
  • urn:isbn:8960777331 (어떤 책의 isbn URN)
  • URN 이름만으로 실제 리소스를 찾을 수 있는 방법이 보편화 되지 않음
  • 앞으로 URI를 URL과 같은 의미로 이야기 하겠음

URL 분석

https://www.google.com/search?q=hello&hl=ko

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)

URL scheme

scheme://[userinfo@]host[:port][/path][?query][#fragment]

https://www.google.com:443/search?q=hello&hl=ko

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

URL userinfo

scheme://[userinfo@]host[:port][/path][?query][#fragment]

https://www.google.com:443/search?q=hello&hl=ko

  • URL에 사용자 정보를 포함해서 인증
  • 거의 사용하지 않음

URL host

scheme://[userinfo@]host[:port][/path][?query][#fragment]

https://**www.google.com**:443/search?q=hello&hl=ko

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

URL PORT

scheme://[userinfo@]host[:port][/path][?query][#fragment]

https://www.google.com:**443**/search?q=hello&hl=ko

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

URL path

scheme://[userinfo@]host[:port][/path][?query][#fragment]

https://www.google.com:443**/search**?q=hello&hl=ko

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

URL query

scheme://[userinfo@]host[:port][/path][?query][#fragment]

https://www.google.com:443/search**?q=hello&hl=ko**

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

URL fragment

scheme://[userinfo@]host[:port][/path][?query][#fragment]

https://www.google.com:443/search?q=hello&hl=ko

  • fragment
  • html 내부 북마크 등에 사용
  • 서버에 전송하는 정보 아님

웹 브라우저 요청 흐름

https://www.google.com:443/search?q=hello&hl=ko

웹 브라우저에 이 URI를 검색하면 어떻게 될까?

  1. DNS에서 host를 조회하고 IP 주소를 받아온다. 이때 PORT는 생략이 가능하다.
  2. HTTP 요청 메시지를 생성한다.
GET /search?q=hello&hl=ko HTTP/1.1
Host: www.google.com
  1. SOCKET 라이브러리를 통해 전달

    • A: TCP/IP 연결(IP, PORT)
    • B: 데이터 전달
  2. TCP/IP 패킷 생성, HTTP 메시지 포함

    2번에서 생성한 HTTP 메시지는 TCP/IP 패킷에 감싸져 있다.

    TCP/IP 패킷에는 출발지 IP, PORT와 목적지 IP, PORT 등의 데이터가 있다.

  3. 이렇게 생성한 패킷을 인터넷 망에 던지고 서버로 전송한다.

  4. google 서버에 패킷이 도착하면 서버는 TCP/IP 패킷을 까서 버리고 HTTP 메시지만 해석을 한다.(쿼리에 대한 해석)

  5. google 서버에서 응답 메시지를 만든다.

HTTP/1.1 200 OK
Content-Type: text/html;charset=UTF-8
Content-Length: 3423

<html>
	<body>...</body>
</html>
  1. 응답메시지를 받은 브라우저는 응답 메시지에 포함된 HTML을 렌더링한다.

0개의 댓글