[HTTP_김영한] URI와 웹 브라우저 요청 흐름

혯승·2023년 2월 2일

HTTP

목록 보기
3/4
post-thumbnail

URI

URI(Uniform Resource Identifier)

  • Uniform : 리소스 식별하는 통일된 방식

  • Resource : 자원, URI로 식별할 수 있는 모든 것(제한 없음)
    ex) HTML, 실시간 교통 정보 등 누구나 알 수 있는 모든 것

  • Identifier : 다른 항목과 구분하는데 필요한 정보
    ex) 주민번호 등

: 즉, 리소스를 식별하는 통합된 방법

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

URL

URL (Uniform Resource Locator)

: 리소스가 있는 위치를 지정

  • URN은 잘 사용하지 않기 때문에 URI를 URL과 같은 의미로 이야기.

📌전체 문법

scheme://[userinfo@]host[:port][/path][?query][#fragment]

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

  • 프로토콜(https) : scheme
  • 호스트명(www.google.com) : host
  • 포트 번호(443) : port
  • 패스(/search) : path
  • 쿼리 파라미터(q=hello&hl=ko) : query

schema

: 주로 프로토콜 사용

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

  • 프로토콜 : 어떤 방식으로 자원에 접근할 것인가 하는 약속,규칙
    ex) http(80포트), https(HTTP에 보안 추가 HTTP Secure, 443포트), ftp

userinfo

: URL에 사용자정보를 포함해서 인증

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

  • 거의 사용하지 않음

host

: 호스트명

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

  • 도메인명 또는 IP 주소를 직접 사용

PORT

: 포트(PORT)

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

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

path

: 리소스 경로(path), 계층적 구조

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

  • 예시)
    • /home/file1.jpg (디렉토리 구조)
    • /members
    • /members/100, /items/iphone12 (members의 id 100)

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

  • html 내부 북마크 등에 사용
  • 서버에 전송하는 정보 아님

URN

URN (Uniform Resource Name)

: 리소스에 이름을부여

  • URN 예시) urn:isbn:8960777331 (어떤 책의 isbn URN)

  • URN 이름만으로 실제 리소스를 찾을 수 있는 방법이 보편화 되지 않음.

  • 위치는 변할 수 있지만, 이름은 변하지 않음.


웹 브라우저 요청 흐름

DNS 조회 : 도메인을 통해 IP 정보를 알아냄

📃HTTP 요청 메시지

GET 방식, 쿼리, HTTP 버전, host 정보 등이 담겨 있음.

📤HTTP 메시지 전송

  1. 웹 브라우저가 HTTP 메시지를 작성
  2. SOCKET 라이브러리를 통해 전달
  • 도메인을 통해 IP주소를 찾아 3way HandShake로 서버연결
  • 데이터 전달(HTTP 메시지)
  1. TCP/IP(출발지, 목적지 IP와 PORT정보 등) 패킷을 생성하고 HTTP 메시지가 포함된 정보를 서버에 전달

    (HTTP 메시지는 웹브라우저가 만듦)


노드를 통해 요청 패킷을 전달하면, 목적지 서버는 TCP/IP 패킷을 제거하고 HTTP 메시지를 해석.

📥HTTP 응답 메시지

200 OK : 정상응답
Content-Type : 클라이언트에게 반환된 컨텐츠의 유형
Content-Lenth : HTML 길이

클라이언트에게 응답 패킷이 도착하면, 웹 브라우저가 HTML 렌더링을 통해 다음과 같은 화면이 출력된다.

0개의 댓글