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

인프런 강의 중 모든 개발자를 위한 HTTP 웹 기본 지식이라는 강의에 대한 TIL입니다.

 

URI와 웹 브라우저 요청 흐름

• URI
• 웹 브라우저 요청 흐름

 

1. URI

URI란 Uniform Resource Identifier의 약자로 인터넷 상의 자원을 식별할 수 있는 통일된 방식을 의미한다. URI는 URL과 URN의 특성을 모두 갖는다. URL은 Locator, 즉 리소스가 있는 위치를 지정한 것이고, URN은 Name, 즉 리소스에 이름을 부여한 것이다. URL은 보편화되어있지만 URN은 보편화되지 않았기 때문에 URI를 URL과 같은 의미로 쓸 수 있다.

 

URL을 설계하거나 사용할 때에는 문법이 존재하는데 이는 다음과 같다.

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

 

scheme

주로 http나 https 같은 프로토콜이 사용된다. http는 80번 포트, https는 443번 포트를 사용한다. 따라서 port 부분을 생략해도 무방하다.

 

host

호스트명을 의미한다. 도메인명이나 IP주소를 직접 사용할 수 있다.

 

path

리소스의 경로를 의미한다. 경로는 계층적 구조를 띤다. 예를 들어, /home/file1.jpg, /items/iphone13 같이 계층적으로 경로를 설계해서 사용한다.

 

query

?로 시작해서 &로 여러 개의 쿼리를 사용할 수 있다. 각 쿼리들은 key=value 형태를 갖고 있다. query parameter, query string으로 불린다. 웹서버마다 제공되는 파라미터가 존재한다.

 

fragment

html 내부 북마크에 사용된다. 이러한 fragment는 서버에 전송하는 정보는 아니다.

 

2. 웹 브라우저 요청 흐름

웹 브라우저에서 아래 의의 URL로 구글 서버에 요청을 보내는 상황이라고 가정해보자.

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

 

웹 브라우저에서는 구글 서버에 보낼 HTTP 요청 메시지를 생성한다. 메시지는 아래와 같다.

 

출처) https://www.inflearn.com/course/http-웹-네트워크 강의자료

 

Socket 라이브러리를 통해서 애플리케이션 계층에서 TCP/IP 프로토콜 계층(OS 계층)과 연결하고 데이터를 해당 계층으로 전달한다. TCP/IP 프로토콜은 TCP/IP 패킷을 생성하는데 이때 목적지의 IP, 포트가 필요하다. 목적지 IP 주소는 Host의 도메인 주소를 통해 얻을 수 있고 포트 번호는 http는 80번 포트, https는 443번 포트인 것에서 얻을 수 있다. 따라서 아래와 같은 TCP/IP 패킷이 생성된다.

 

출처) https://www.inflearn.com/course/http-웹-네트워크 강의자료

 

해당 패킷이 구글 서버에 도착하면 서버에서는 아래와 같은 HTTP 응답 메시지를 생성해서 웹 브라우저로 다시 보낸다. 

 

출처) https://www.inflearn.com/course/http-웹-네트워크 강의자료

 

서버로부터 응답 패킷이 웹 브라우저에 도착하면 응답 패킷 안의 HTML을 렌더링 해서 화면에 보여주게 된다.