HTTP 웹 지식 - URI와 웹 브라우저 요청 흐름

📌 김영한 님의 "모든 개발자를 위한 HTTP 웹 기본 지식" 강의 듣고 정리

 

📍URI (Uniform Resource Identifier)

 

* URI? URL? URN? 많이 묶여서 보이는 단어 3가지

• URI : 자원을 식별하는 식별자. URI는 locater(URL), Name(URN) 또는 둘다 추가로 분류 될 수 있다. 
• URL : 리소스의 위치 지정, 가변성 有
• URN : 리소스의 이름 부여, 가변성 無, 이름만으로 리소스를 찾는 방법이 보편화 되있지 않다. 

김영한님 모든 개발자를 위한 http 웹 기본 지식 강의 자료 중

URL(위)과 URN(아래)의 예시

https://www.ietf.org/rfc/rfc3986

 

* URI의 뜻

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

* URL 

scheme://	[userinfo@]	host	[:port]	[/path]	[?query]	[#fragment]
https://		www.google.com	:443	/search	q=hello&hl=ko
프로토콜		호스트명	포트번호	패스	쿼리 파라미터

- scheme (스키마)

    scheme엔 주로 프로토콜 사용

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

- userinfo@

    URL에 사용자정보를 포함에 인증하지만 거의 사용하지 않는다.

- host

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

- port

    접속 포트로 일반적으로 생략되며, 생략시 http는 80, https는 443 이 생략된다. 

- path

    리소스 경로로 계층구조로 구성되어있다. 

- query

    key=value 형태로 ?로 시작하며 &으로 추가가 가능하다.

    query parameter, query string(문자로만 제공하기 때문) 으로도 불린다.

- fragment

    html 내부 북마크 등에 사용하며 서버에 전달되지 않는 내용

 

 

📍웹 브라우저 요청 흐름

1. 웹 브라우저가 URL를 전송

2. DNS에서 도메인 명을 질의하여 IP를 찾아온다 그리고 포트 정보 까지 찾는다.

3. HTTP 요청 메세지 생성

 

* HTTP 요청 메세지 예시

GET /search?q=hello&hl=ko HTTP/1.1
Host: www.google.com

 

* HTTP 메시지 전송

김영한님 모든 개발자를 위한 http 웹 기본 지식 강의 자료 중

1. 웹브라우저가 HTTP 메시지 생성

2. SOCKET 라이브러리를 통해 전달하는데 IP와 포트 정보를 가지고 TCP의 3 way handshake를 통해 접속하려는 서버와 연결하고, 데이터를 전달

4. IP와 Port 정보가 있는 TCP/IP 패킷을 씌운다.

5. 그리고 네트워크 인터페이스 계층을 지나 인터넷 망으로 나간다. 수많은 노드를 거쳐 목적지에 도착

6. 요청 패킷에서 TCP/IP 패킷을 벗겨내어 안의 내용을 해석하고 요청을 처리한다. 

7. 서버에서는 응답 메시지를 만든다.

8. 클라이언트가 했던것과 마찬가지로 2~5 과정을 거쳐 클라이언트에 패킷이 도착

9. 패킷을 벗겨내어 응답 메시지를 해석해 필요 응답 값에 대한 처리를 진행한다.