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

김영한님의 모든 개발자를 위한 HTTP 웹 기본 지식 강의 수강 내용을 정리하기 위한 글입니다.

URI (Uniform Resource Identifier)

• Uniform : 리소스 식별하는 통일된 방식
• Resource : 자원, URI로 식별할 수 있는 모든 것(제한 없음)
• Identifier : 다른 항목과 구분하는데 필요한 정보

URI는 로케이터(Locator), 이름(Name) 또는 둘다 추가로 분류될 수 있다.
※ URN - 리소스에 이름을 부여 [Ex) isbn:8960777331]

URL (Uniform Resource Location)

형식 : scheme://[userInfo@]host[:port][/path][?query][#fragment]

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

• userInfo = URL에 사용자 정보를 포함해서 인증 (거의 사용하지 않음)
• host = 일반적으로 알고있는 도메인명 or IP주소
• port = 접속 포트 (일반적으로 생략, http=80, https=443)
• query = 'key=value'의 형태, ?로 시작하여 &로 추가함 query parameter(String)으로 불림
• #fragment = html 내부 북마크 등에 사용, 서버에 전송하는 정보 x

웹 브라우저의 간략한 요청 흐름

> 요청

1. URL 입력 → 웹 브라우저에서 HTTP 요청 메시지 생성
   Ex) http://www.google.com:443/search?q=hello&hl=ko 입력
2. Socket 라이브러리를 통해 전달
3. TCP/IP 패킷 생성, HTTP 메시지 포함
4. 네트워크를 통해 요청패킷을 서버로 전송

> 응답

1. 서버에서 요청에 의한 처리 후 응답 패킷 생성 및 네트워크를 통한 응답 패킷 전달
2. 웹 브라우저에서 응답 패킷을 받은 후 HTML 렌더링