TIL(Today I Learned)

12월 19일(화)

공부한 내용을 제 언어로 빠르게 정리한 내용이라서 잘못된 내용이 있을 수 있습니다.

모든 개발자를 위한 HTTP 웹 기본 지식

URI와 웹 브라우저 요청 흐름

• URI(Uniform Resource Identifier)

  • 리소스를 식별하는 통합된 방법

• URI vs URL(Resource Locator) vs URN(Resource Name)

  • URI는 로케이터, 이름 또는 둘다 추가로 분류될 수 있다.
  • URI
    • Uniform: 리소스 식별하는 통일된 방식
    • Resource: 자원, URI로 식별할 수 있는 모든 것(제한 없음)
    • Identifier: 다른 항목과 구분하는데 필요한 정보
  • URL - Locator: 리소스가 있는 위치를 지정
  • URN - Name: 리소스에 이름을 부여
    • 위치는 변할 수 있지만, 이름은 변하지 않는다.
    • urn:isbn:8960777331 (어떤 책의 isbn URN)
    • URN 이름만으로 실제 리소스를 찾을 수 있는 방법이 보편화 되지 않음

• URL

  • https://www.google.com:443/search?q=hello&hl=ko
  • scheme://[userinfo@]host[:port][/path][?query][#fragment]
    • scheme: 주로 프로토콜 사용
      • 프로토콜: 어떤 방식으로 자원에 접근할 것인가 하는 약속 규칙
      • http, https, ftp 등
      • http는 80, https는 443 포트를 주로 사용, 포트는 생략 가능
      • https는 http에 보안 추가(HTTP Secure)
    • userinfo: URL에 사용자정보를 포함해서 인증, 거의 사용하지 않음
    • host: 호스트명, 도메인명 또는 IP 주소를 직접 사용가능
    • port: 접속 포트, 생략 가능
    • path: 리소스 경로(path), 계층적 구조
    • query: key=value 형태
    • ?로 시작, &로 추가 가능 ?keyA=valueA&KeyB=valueB
    • query parameter, query string등으로 불림
    • fragment: html 내부 북마크 등에 사용, 서버에 전송하지 않음

웹브라우저 요청 흐름

• “https://www.google.com:443/search?q=hello&hl=ko” 입력하면?

  1. DNS 조회해서 IP랑 포트정보 찾아냄
  2. HTTP 요청 메세지를 만듬

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

  3. 3 핸드쉐이크로 구글 서버와 연결
  4. 소켓 라이브러리 통해 전달 TCP로
  5. TCP/IP 패킷 생성해서 인터넷으로 전달
  6. 수많은 노드를 통해 구글 서버에 요청 패킷이 이동
  7. HTTP 응답 메세지를 구글 서버에서 만들어서 전달 ```html HTTP/1.1 200 OK Content-Type: text/html;charset=UTF-8 Content-Length: 3423
  ...

  ```

  1. 웹 브라우저에서 응답 메세지 받아서 HTML 렌더링