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

URI(Uniform Resource Identifier)

리소스를 식별하는 통합된 방법이란 뜻이다.

URI ? URL? URN?

이런 말을 들어 봤을 것 입니다.

URI에 정의된 스펙을 보면

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

라고 되어 있습니다.

 

URI라는 가장 큰 개념이 있습니다.

URL : 리소스의 위치 

URN : 리소스의 이름

저희가 보통 구글이나 네이버등 웹페이지에 들어갈때 www.google.com  이런식으로 들어가는것이 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

 

q= 검색쿼리 hi= 언어 검색하면 

URL을 쳤기 때문에 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)

 

URL scheme

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

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

• 주로 프로토콜 사용

• 프로토콜: 어떤 방식으로 자원에 접근할 것인가 하는 약속 규칙

      • 예) http, https, ftp 등등

• http는 80 포트, https는 443 포트를 주로 사용, 포트는 생략 가능

• https는 http에 보안 추가 (HTTP Secure)

 

URL userinfo

거의사용 X

• 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://docs.spring.io/spring-boot/docs/current/reference/html/gettingstarted.html#getting-started-introducing-spring-boot

• fragment

• html 내부 북마크 등에 사용

• 서버에 전송하는 정보 아님

 

웹 브라우저 요청 흐름

검색창에 https://www.google.com:443/search?q=hello&hi=ko

와 같이 검색 하면

DNS 서버를 조회 합니다. google에 맞는 IP가 200.200.200.2 라는 IP가 나옵니다.

포트는 https는 443 이니깐 생략가능합니다. 그리고 드디어 HTTP 요청 메시지를 생성합니다.

 

HTTP 요청 메시지

HTTP 요청 메시지는 위와 같이 생겼습니다.

 

HTTP 메시지 전송

HTTP 요청메시지를 생성하고 소켓라이브러리를 통해서 TCP/IP로 IP와 PORT를 찾아서 구글서버와 연결하고 데이터를 전달합니다. 그리고 TCP/IP패킷으로 데이터를 한번 씌어서 인터넷으로 흘러들어가게 됩니다.

메시지의 형태는 위와 같이 인터넷으로 가게 되는 겁니다.

그러면 구글 서버에서 HTTP 응답 메시지를 보내줍니다.

HTTP 응답 메시지

HTTP /1.1 : 버전 

200 OK : 상태 

Content-Type: text/html;charset=UTF-8 : 데이터 형식이 html 형식이고, 언어는 UTF-8이다.

Content-Length: 3423  : 실제 html의 길이가 이 사이즈이다.