[HTTP][모든 개발자를 위한 HTTP 웹 기본 지식] 2. URI와 웹 브라우저 요청 흐름

 

 

김영한님의 모든 개발자를 위한 HTTP 웹 기본 지식 강의 내용을 정리한 것입니다.

 

 

 

URI

URI(Uniform Resource Identifier)

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

 

URL(Uniform Resource Locator), URN(Uniform Resource Name)

 

• URL - Locator: 리소스가 있는 위치를 지정
• URN - Name: 리소스에 이름을 부여

위치는 변할 수 있지만, 이름은 변하지 않는다.
urn:isbn:8960777331 (어떤 책의 isbn URN)
URN 이름만으로 실제 리소스를 찾을 수 있는 방법이 보편화 되지 않음

 

 

 

URL 분석

 

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

 

 

 

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

• 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/getting-started.html#getting-started-introducing-spring-boot

• fragment
• html 내부 북마크 등에 사용
• 서버에 전송하는 정보 아님

 

---

웹 브라우저 요청 흐름

https로 구글에 서치 했을 때, DNS 서버를 통해 IP와 PORT 정보를 찾아낸다.

그리고 HTTP 요청 메시지를 생성한다. 

 

 

 

 

애플리케이션 계층에서 OS계층으로 SOCKET 라이브러리를 통해 전달한다.

- 3 way handshake (SYN, SYN+ACK, ACK) 으로 구글 서버와 연결한다. 

- 데이터를 전달한다.

HTTP 메시지를 포함한 TCP/TIP 패킷 정보를 인터넷 망으로 보낸다. 

 

 

 

인터넷 망에서 수많은 노드를 통해 200.200.200.2번으로 전달되고, 요청 패킷이 전달되면 tcp/ip 패킷을 까서 버리고 HTTP 메시지를 꺼낸다. 그리고 해석하고 찾아낸다. 그런 다음 서버에서 HTTP 응답 메시지를 생성한다. 

아까 요청 패킷과 같이 응답 패킷도 tcp/ip로 만들어서 전달한다.   

 

 

그리고 응답 패킷이 도착하면 똑같이 tcp/ip를 날리고 HTTP 응답 메시지를 꺼내서 웹 브라우저가 html을 렌더링한다