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

 

 

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 메시지만 정보 해석을 한다.