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

chael_lo·2022년 3월 10일
0

HTTP

목록 보기
2/6

URI(Uniform Resource Identifier)

Uniform 리소스 식별하는 통일된 방식
Resource 자원, URI로 식별할 수 있는 모든 것(웹 브라우저 파일, 실시간 정보 등)
Identifier 다른 항목과 구분하는데 필요한 정보

URI는 리소스를 식별하는 통합된 방법으로 로케이터, 이름 또는 둘 다 추가로 분류될 수 있다.
URI = URL(Resource Locator) + URN(Resource Name)

URL과 URN의 차이

URL은 리소스가 있는 위치를 지정한다.

foo://example.com:8042/over/there?name=ferret#nose

URN은 리소스에 이름을 부여한다.
이름만으로 리소스를 찾을 수 있는 방법이 보편화 되어 있진 않다.

urn:example:animal:ferret:nose

URL

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

  • scheme 어떤 방식으로 자원에 접근할 것인가 하는 약속 규칙
    • http, https, ftp 등등
    • http는 80 포트, https 443 포트 주로 사용하며 생략 가능
    • https는 http에 보안 추가(HTTP Secure)
  • userinfo url에 사용자 정보를 포함해서 인증
  • host 호스트명, 도메인명, ip 주소를 직접 사용가능
  • /path 리소스 경로, 계층적 구조
  • ?query query parameter, query string 등으로 불림
    • key=value 형태, ?로 시작, &로 추가 가능
  • fragment html 내부 북마크 등에 사용, 서버에 전송하는 정보는 아니다

예시

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

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

웹 브라우저 요청 흐름

DNS 조회 -> 웹 브라우저가 HTTP 메시지 생성 -> SOCKET 라이브러리를 통해 전달 -> TCP/IP 패킷 생성(HTTP 메시지 포함) -> 요청 패킷 생성, 요청 패킷 도착 -> 서버 HTTP 응답 메세지 생성 -> 응답 패킷 전달, 응답 패킷 생성 -> 웹 브라우저 HTML 렌더링

HTTP 요청 메시지 예시

GET /search?q=hello&hl=ko HTTP/1.1
Host: www.google.com

HTTP 응답 메세지 예시

HTTP/1.1 200 OK
Content-Type:text/html;charset=UTF-8
Content-Length: 3423
<html>
  <body>...</body>
</html>
profile
천천히 꾸준히

0개의 댓글