카테고리 없음

[HTTP] URI와 웹 브라우저 요청 흐름

쿠릉쿠릉 쾅쾅 2022. 2. 9. 13:52
728x90

 

 

URI (Uniform Resource Identifier)

  • Uniform
    • 리소스를 식별하는 통일된 방식
  • Resource
    • 자원, URI로 식별할 수 있는 모든 것(제한이 없다.)
  • Identifier
    • 다른 항목과 구분하는데 필요한 정보
    • 리소스(자원)를 식별한다.
  • URI는 로케이터(Locator), 이름(Name) 또는 둘 다 추가로 분류될 수 있다.

  • URL은 리소스의 위치다.
  • URN은 리소스의 이름이다.

 

 

🔍 URL과 URI

 

  • URN은 잘 안쓰인다.
  • URL만 주로 쓰인다.

 

 

URN (Uniform Resource Name)

  • 리소스에 부여된 이름을 의미한다.
  • 리소스의 위치는 변할 수 있지만, 이름은 변하지 않는다.
  • URN 이름만으로 실제 리소스를 찾을 수 있는 방법이 보편화 되어 있지 않아서 자주 안쓰인다. 주로 URL만 쓰인다. 

 

 

 

URL (Uniform Resource Locator)

  • 리소스가 있는 위치를 의마한다.
  • 주로 URL만 쓰이기 때문에 사실상 URL을 URI로 칭하기도 한다.

 

 

🔍 URL 문법

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

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

  • 프로토콜
    • https
  • 호스트명
    • www.google.com
  • 포트번호
    • 443
  • 패스 
    • /serach
  • 쿼리 파라미터
    • q=hello&hl=ko

 

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

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

 

 

💡 scheme

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

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

  • 주로 프로토콜을 사용한다.
  • 프로토콜 : 어떤 방식으로 자원에 접근할 것인지에 대한 약속 규칙
    • ex) http, https, ftp 등등 
  • http는 80포트, https 443 포트를 주로 사용한다. 포트는 생략할 수 있다.
  • https는 https에 보안을 추가된 것이다. (HTTP Secure)

 

 

💡 userinfo

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

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

  • URL에 사용자 정보를 포함해서 인증해야할 때 쓰인다.
  • 거의 사용되지 않는다.

 

 

💡 host

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

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

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

 

 

💡 port

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

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

  • 포트(port)
  • 접속 포트를 의미한다.
  • 일반적으로 생략한다. 생략시 http는 80포트, https는 443포트를 사용한다.

 

 

💡 path

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

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

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

 

 

💡 query

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

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

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

 

 

💡 fragment

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

예시 : https://docs.spring.io/spring-boot/docs/current/reference/html/gettingstarted.html#getting-started-introducing-spring-boot

  • html 내부 북마크 등에 사용한다.
  • 서버에 전송하는 정보는 아니다.
  • 잘 사용하지는 않는다.

 

 

 

 

 

 

웹 브라우저 요청 흐름

 

 

 

 

  • DNS 서버를 조회한 후 IP와 포트 정보를 얻는다.
  • HTTP 요청 메시지를 생성한다.

 

 

 

  • 웹 브라우저가 서버에 보내는 HTTP 요청 메시지
  • HTTP 요청 메시지에는 GET, path, 정보, query 정보, HTTP 버전 정보, Host 정보가 들어있다.

 

 

 

 

  • 애플리케이션에서 웹 브라우저가 IP와 PORT 정보를 얻은 후에 HTTP 메시지를 생성한다.
  • SOCKET(소켓) 라이브러리를 통해 TCP/IP에게 IP, PORT, 메시지 등 데이터를 전달한다.
  • 데이터를 TCP/IP에서 패킷으로 씌운다. 해당 패킷에는 IP, PORT, 메시지 등 다양한 데이터가 들어있다.
  • 패킷 정보가 인터넷으로 흘러간다.

 

 

  • TCP/IP 패킷 정보

 

 

 

 

 

  • 요청 패킷이 서버에 도착하면 TCP/IP 패킷을 벗긴다.
  • 이 때 벗긴 IP, PORT 정보는 버리고 HTTP 메시지만 정보 해석을 한다.

 

 

 

  • 서버가 웹 브라우저에게 보내는 HTTP 응답 메시지

 

 

 

 

 

 

 

  • 응답 패킷이 서버에 도착하면 TCP/IP 패킷을 벗긴다.
  • 이 때 벗긴 IP, PORT 정보는 버리고 HTTP 메시지만 정보 해석을 한다.

 

 

 

 

 

728x90