Link Search Menu Expand Document

URI와 웹 브라우저 요청 흐름

URI

URI, URN, URN

URI(Uniform Resource Identifier)

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

URL, URN

  • URL - Locator: 리소스가 있는 위치를 지정
  • URN - Name: 리소스에 이름을 부여
  • 위치는 변할 수 있지만, 이름은 변하지 않는다.
  • URN 이름만으로 실제 리소스를 찾을 수 있는 방법이 보편화 되지 않음
  • 앞으로 URI를 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)

schemescheme://[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)

userinfo

  • scheme://[userinfo@]host[:port][/path][?query][#fragment]
  • https://www.google.com:443/search?q=hello&hl=ko

  • URL에 사용자정보를 포함해서 인증
  • 거의 사용하지 않음

host

  • scheme://[userinfo@]host[:port][/path][?query][#fragment]
  • https://www.google.com:443/search?q=hello&hl=ko

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

PORT

  • scheme://[userinfo@]host[:port][/path][?query][#fragment]
  • https://www.google.com:443/search?q=hello&hl=ko

  • 포트(PORT)
  • 접속 포트
  • 일반적으로 생략, 생략시 http는 80, https는 443

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

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 등으로 불림, 웹서버에 제공하는 파라미터, 문자 형태

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 내부 북마크 등에 사용
  • 서버에 전송하는 정보 아님

웹 브라우저 요청 흐름

웹 브라우저 요청 흐름 - 01 요청

  • 사용자가 특정 URL을 요청

웹 브라우저 요청 흐름 - 02 요청 메시지 생성

  1. DNS 서버에서 google.com을 조회하여 IP 주소를 찾음
  2. HTTPS이므로 생략된 443 포트로 접근
  3. 아래와 같이 HTTP 요청 메시지 생성

웹 브라우저 요청 흐름 - 03 HTTP 요청 메시지

웹 브라우저 요청 흐름 - 04 HTTP 메시지 전송

웹 브라우저 요청 흐름 - 05 패킷 생성

웹 브라우저 요청 흐름 - 06 요청 패킷 전달

웹 브라우저 요청 흐름 - 07 요청 패킷 도착

  1. 서버에 요청 패킷이 도착하면 요청 메시지를 해석하여 요청에 맞는 동작
  2. 아래와 같은 응답 메시지 생성

웹 브라우저 요청 흐름 - 08 HTTP 응답 메시지

웹 브라우저 요청 흐름 - 09 응답 패킷 전달 웹 브라우저 요청 흐름 - 10 응답 패킷 도착

웹 브라우저 요청 흐름 - 11 웹 브라우저 렌더링

클라이언트에서 응답 메시지를 받아 응답에 맞는 동작 수행