URI와 웹 브러우저 요청 흐름

URI

• URI는 가장 큰 개념으로 로케이터(URL), 이름(URN) 또는 둘다로 구분할 수 있다.
• URL(Resource Locator)
  • foo://example.com:8042/over/there?name=fetetr
  • 거의 대부분 URL을 사용함
• URN(Resource Name)
  • urn:example:animal:fetrret:nose

URI 단어 뜻

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

URL, URN

• URL : Uniform Resource Locator
  • 리소스가 있는 위치를 지정
• URN : Uniform Resource Name
  • 리소스에 이름을 부여
• 위치는 변할 수 있지만, 이름은 변하지 않는다.
• URN 이름만으로 실제 리소스를 찾을 수 있는 방법이 보편화 되지 않음
• 보통URI를 URL과 같은 의미로 이야기됨

URL 전체 문법

• https://www.google.com:443/search?q=hello&hl=ko
• 주로 프로토콜 사용
  • 프로토콜 : 어떤 방식으로 자원에 접근할 것인가 하는 약속 규칙
  • ex) http, https, ftp 등..
• http는 80포트, https는 443 포트를 주로 사용, 생략가능
• https는 http에 보안 추가(HTTP Secure)

userinfo

• scheme://{userinfo@}
• URL에 사용자 정보를 포함해서 인증, 거의 사용하지 않음

host

• https://{www.google.com}
• 도메인명 또는 IP주소를 직접 사용가능

port

• https://www.google.com{:433}
• 생략 가능

path

• 리소스 경로, 계층적 구조
• ex)
  • /home/file1.jpg
  • /menbers
  • /members/..

query

• key-value 형태
• ?로 시작, &로 추가 가능 ?keyA=valueA&keyB=valueB
• 쿼리 파라미터, 쿼리 스트링으로 불림, 웹서버에 제공하는 파라미터, 문자 형태

fragment

• https://www.google.com:443/search?q=hello&hl=ko{#getting-stated-introducing}
• html 내부 북마크, 서버에 전송 X

웹 브라우저 전송 흐름

1. 웹 브라우저가 서버에 URL 요청
   • IP와 포트 정보를 찾아냄
2. HTTP 요청 메시지 생성
   • GET /search?p=hello&hl=ko HTTP/1.1 Host:www.google.com
3. TCP/IP 패킷 생성, HTTP 메시지 포함
   • 출발지 IP, PORT
   • 목적지 IP, PORT
   • HTTP 메시지
4. 요청 패킷 전달
5. 요청 패킷 도착
   • TCP/IP 패킷을 까서 버림
   • HTTP 메시지 해석
6. HTTP 응답 메시지를 생성
   • ex) HTML 등,..
7. 서버도 위와 같은 방식으로 패킷을 만들어 웹 브라우저에 전송
8. 웹 브라우저도 같은 방식으로 HTTP 메시지를 해석해서 HTML 렌더링을 진행함