HTTP 웹 기본 지식

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

lyndaa 2023. 2. 16. 13:21

[URI]

  • URI(Uniform Resource Idenfifier) 소스를 식별하는 통합된 방법
  • "URI는 로케이터(locator), 이름(name) 또는 둘다 추가로 분류될 수 있다"
  • 이름은 찾기가 어려우므로 거의 URL만 쓴다.

  • URI 단어뜻
    • Uniform : 리소스 식별하는 통일된 방식
    • Resource : 자원, URI로 식별할 수 있는 모든 것(제한 없음)
    • Identifier : 다른 항목과 구분하는데 필요한 정보
  • URL, URN
    • URL - Locator : 리소스가 있는 위치를 지정
    • URN - Name : 리소스에 이름을 부여
    • 위치는 변할 수 있지만 이름은 변하지 않는다.
    • URN 이름만으로 실제 리소스를 찾을 수 있는 방법이 보편화 되지 않음
  • URL 전체 문법
    • schem://[userinfo@]host[:prot][/path][?query][#fragment]
    • https://www.google.com:443/search?q=hello&hl=ko
    • 프로토콜(https)
    • 호스트명(www.google.com)
    • 포트 번호(443)
    • 패스(/search)
    • 쿼리 파라미터(q=hello&hl=ko)
    • scheme
      • 주로 프로토콜 사용
      • 프로토콜 : 어떤 방식으로 자원에 접근할 것인가 하는 약속 규칙(e.g. http, https, trp...)
      • http는 80포트, https는 443 포트를 주로 사용, 포트는 생략 가능
      • https는 http에 보안 추가 (HTTP Secure)
    • userinfo
      • URL에 사용자 정보를 포함해서 인증할때 사용, 거의 사용하지 않음
    • host
      • 호스트명
      • 도메인명 또는 IP 주소를 직접 사용가능
    • port
      • 포트(PORT) / 접속 포트
      • 일반 웹 브라우저에서는 보통 생략, 특정 서버에 따로 접근해야 할 때 입력
    • path
      • 리소스 경로(path), 계층적 구조
      • e.g.
        • /home/file1.jpg
        • /members
        • /members/100, /items/iphone12
    • query
      • key=value 형태
      • ?로 시작, &로 추가 가능 ?keyA=valueA&keyB=valueB
      • query parameter, query string 등으로 불림, 웹서버에 제공하는 파라미터, 문자 형태
    • fragment
      • html 내부 북마크 등에 사용
      • 서버에 전송하는 정보 아님
      • e.g. #getting-started-introducing-spring-boot


[웹 브라우저 요청 흐름]

  • URL을 보내면

  • HTTP 요청 메세지
    • GET /search ?q=hello&hl=ko HTTP/1.1
    • Host: www.google.com
  • HTTP 메세지 전송

  • 패킷 생성
    • 출발지 IP, PORT
    • 목적지 IP, PORT
    • 전송 데이터 (웹 브라우저가 만든 HTTP 메세지)
    • 인터넷망으로 요청 패킷 전달, 수많은 인터넷 노드를 통해 서버로 전달됨
    • 서버에서 해석 후 HTTP 응답 메세지 만들어내고 응답 패킷 전달
    • 응답 패킷 전달 받으면 웹 브라우저가 HTML 렌더링

다음 강의부터 본격적으로 HTTP 시작!