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

URI

인터넷상의 리소스(파일, 문서, 이미지 등)를 식별하기 위한 전체적인 개념

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

URL, URN

• URL - Locator: 리소스가 있는 위치를 지정
• URN - Name: 리소스에 이름을 부여
• 위치는 변할 수 있지만, 이름은 변하지 않는다.
• urn:isbn:8960777331 (어떤 책의 isbn URN)
• URN 이름만으로 실제 리소스를 찾을 수 있는 방법이 보편화되지 않음
• 앞으로 URI를 URL과 같은 의미로 이야기하겠음

URL

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

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

• scheme
  • 주로 프로토콜 사용
  • 프로토콜: 어떤 방식으로 자원에 접근할 것인가 하는 약속 규칙
  • http 80 포트, https 443 포트를 주로 사용, 포트는 생략
  • https는 http에 보안 추가 (HHTP Secure)
• userinfo
  • URL에 사용자 정보를 포함해서 인증
  • 거의 사용 X
• host
  • 호스트명
  • 도메인명 or IP주소를 직접 사용가능
• PORT
  • 포트(PORT)
  • 접속 포트
  • 일반적으로 생략, 생략 시 http는 80, https는 443
• path
  • 리소스 경로(path), 계층적 구조
• query
  • key=value 형태
  • ?로 시작, &로 추가 기능
  • query parameter, query string 등으로 불림
• fragment
  • html 내부 북마크 등에 사용
  • 서버에 전송하는 정보 아님

---

웹 브라우저 요청 흐름

1. 사용자가 웹 브라우저에 URL 입력 (요청 시작)

2. 웹 브라우저가 URL을 분석하여 HTTP 요청 메시지 생성

3. HTTP 요청 메시지가 포함된 패킷 생성

4. 패킷 전달 (인터넷을 통해 서버로 이동)

5. 서버가 HTTP 요청을 처리하고 응답 생성

6. HTTP 응답 메시지가 패킷으로 전달 (서버 → 클라이언트)

7. 웹 브라우저가 HTML, CSS, JS 등을 렌더링

---

참고: https://www.inflearn.com/course/http-%EC%9B%B9-%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC