모든 개발자를 위한 HTTP 웹 기본 지식_URI와 웹 브라우저 요청 흐름

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

목차 

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

1. URI ( Uniform Resource Identifier )

- URI? URL? URN?

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

URI : 자원(RESOURCE) 자체를 식별하는 방법.
URL : 자원의 위치 
URN : 자원의 이름 (거의 사용하지 않는다.)

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

URL - LOCATOR : 리소스가 있는 위치를 지정 
URN - NAME : 리소스에 이름을 부여 
위치는 변할 수 있지만,  이름은 변하지 않는다. 하지만. URN 이름 만으로 실제 리소스를 찾을 수 있는 방법이 보편화되지 않았기 때문에 거의 사용하지 않는다.

 

2. URL 분석 

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

헬로

전체 문법 

• scheme://[userinfo@]host[:port][/path][?query][#fragment]
• https://www.google.com:443/search?q=hello&hl=ko 
• 프로토콜 (https)
  • 프로토콜 : 어떤 방식으로 자원에 접근할 것인가 하는 약속 규칙
    • 예 ) HTTP, HTTPS, FTP 등등
  • 포트는 생략이 가능하다. 
  • HTTPS = HTTP SECURE; HTTP에 보안을 추가한 프로토콜
• 호스트명 (www.google.com)
  
  • 도메인 명 또는 IP 주소를 직접 사용 가능
• 포트 번호(443)
  
  • 접속 포트
• 패스 (/search)
  • 리소스 경로, 계층적 구조
• 쿼리 파라미터 (q=hello&hl=ko)
  • KEY = VALUE 형태 
  • ?로 시작, &로 추가 가능
  • query parameter 혹은 query string 등으로 불린다. 웹 서버에 제공하는 파라미터로 문자 형태(숫자를 넣어도 문자로 넘어간다)이다.

 

2. 웹 브라우저의 요청 흐름

1. DNS 서버를 조회하여 IP와 PORT정보를 찾아낸다. 
2. HTTP 요청 메시지(GET /search?q=hello&hl=ko HTTP/1.1 Host: www.google.com)를 생성한다.  
3. HTTP 메시지 전송

4. 목적지에서 TCP/IP 패킷을 뜯어내 버리고, 내부에 포함되어 있는 HTTP 요청 메시지를 확인후 분석한다.
5. 요청한 데이터를 찾아서 클라이언트에게 응답 메시지를 전달한다.

7. 웹 브라우저에 서버에서 보내준 html을 렌더링 한다.