Web

[HTTP 웹 기본 지식] 섹션2. URI와 웹 브라우저 요청 흐름

Ella_K 2022. 11. 16. 22:30

※ 김영한 님의 인프런 "모든 개발자를 위한 HTTP 웹 기본 지식" 강의 요약한 내용입니다.

URI, URL, URN

URI (Uniform Resource Identifier)에 URL (Uniform Resource Locator), URN (Uniform Resource Name) 포함

📌 URI , URL, URN 뜻

  • Uniform : 리소스 식별하는 통일된 방식
  • Resource : 자원, URI로 식별할 수 있는 모든 것
  • Identifier : 다른 항목과 구분하는데 필요한 정보
  • Locator : 리소스가 있는 위치를 지정
  • Name : 리소스에 이름을 부여
  • 위치는 변할 수 있지만, 이름은 변하지 않는다.

📌 URL

  • schem://[userinfo@]host[:port] [/path] [?query] [#fragment]
  • https://www.google.com:443/search?q=hello&hl=ko
  • https → 프로토콜
  • www.google.com → 호스트명
  • 443 → 포트 번호
  • /search → path
  • q=hello&hl=ko → 쿼리 파라미터

📌 scheme

  • 주로 프로토콜 사용
    • 어떤 방식으로 자원에 접근할 것인가 하는 약속 규칙
    • http, https, ftp 등등
  • https는 http에 보안 추가

📌 userinfo

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

📌 host

  • 호스트 명
    • 도메인명 또는 IP 주소

📌 port

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

📌 path

  • 리소스 경로, 계층적 구조

📌 query

  •  key = value 형태
  • ?로시작, &로 추가

📌 fragment

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

 

웹 브라우저 요청 흐름

1. DNS 조회해서 서버 IP주소를 얻는다.

2. 웹 브라우저에서 HTTP 요청 메시지를 생성한다.

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

3. 요청 메세지는 SOCKET 라이브러리를 통해 전달

  • TCP/IP 연결, 데이터 전달

4. OS 계층 TCP/IP 패킷 생성, 패킷에 HTTP 메세지를 포함한다.

5. 인터넷을 통해 패킷을 서버에 전달

6. 서버는 요청에 따라 HTTP 응답 메세지 생성

HTTP/1.1 200 OK
Content-Type : text/html;charset=UTF-8
Content-Length : 3423

<html>
 <body> ... <body>
</html>

7. 서버는 웹 브라우저로 응답 패킷 전달

8. 웹 브라우저 응답 패킷을 받고, HTML 렌더링