[HTTP] URI, URN, URL와 웹 브라우저 요청의 흐름

<배울내용>
URL, URI가 어떤 의미인지 확인하기
웹 브라우저의 요청이 실제로 어떤식으로 진행되는지 확인하기

---

🔷 URI(Uniform Resource Identifier)

URI/ URL/ URN이란?

 

 

1.URI

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

 

 

이름으로 찾아가는지, 주소로 찾아가는지가 가장 큰 차이점이라고 볼 수 있다.

 

 

 

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

• URL: Uniform Resource Locator
• URN: Uniform Resource Name

 

 

🌟 URL, URN
• 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 형태
   * q에 정보를 주면 검색, hl에 준 언어로 데이터를 주겠다.
• ?로 시작, &로 추가 가능 ?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 내부 북마크 등에 사용
• 서버에 전송하는 정보 아님

 

 

 

 

 

---

🔷 웹 브라우저 요청의 흐름

 

먼저 주소를 주면

1. DNS 서버를 조회함(IP가 200.200.200.2가 나왔음)

2. https니까 PORT 443은 굳이 안적어도 됨

3. HTTP 요청 메세지 생성됨

 

 

📄 [HTTP 요청 메시지]
GET /search?q=hello&hl=ko HTTP/1.1 Host: www.google.com 

 

 

---

1. 웹 브라우저가 HTTP 메세지를 생성함

2.  SYN+ACK 서버응답 확인 후 SOCKET 라이브러리를 통해 OS에 TPC/IP를 전달함

 

3. 요청패킷이 도착하면 HTTP 메세지를 꺼내와서 해석을 진행함

 

4. 응답메세지를 만들어서 응답 패킷으로 보냄

 

 

 

 

 

5. 응답 패킷 도착 후 랜더링이 진행됨