본문 바로가기
IT/Computer Science

[HTTP 웹 기본지식] 02. URI

by 무녈 2022. 4. 10.

모든 개발자를 위한 HTTP 웹 기본 지식 강의 링크🔗

[HTTP 웹 기본 지식] 시리즈는 김영한 님의 [HTTP 웹 기본 지식] 강의 내용을 바탕으로 작성하였습니다.

실무 개발에 꼭 필요한 HTTP 핵심 내용을 학습하고, HTTP의 전체 흐름을 이해할 수 있습니다.

본 강의를 참고하시면 HTTP 이해에 더욱 도움이 되실 겁니다. 🙂


URI (Uniform Resource Identifier)

📌 URI란?

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

URI는 로케이터(locator), 이름(name) 또는 둘 다 추가로 분류될 수 있다.

  • Uniform: 리소스를 식별하는 통일된 방식
  • Resource: 자원, URI로 식별할 수 있는 모든 것(제한 없음)
  • Identifier: 다른 항목과 구분하는데 필요한 정보
  • URL: Uniform Resource Locator
    • 리소스가 있는 위치를 지정, 위치는 변할 수 있다.
  • URN: Uniform Resource Name
    • 리소스에 이름을 부여, 이름은 변할 수 있다.
    • 하지만 URN 이름 만으로 실제 리소스를 찾을 수 있는 방법이 보편화되지 않았다.
  • URI와 URL을 같은 의미로 봐도 무방

URI - 모든 개발자를 위한 HTTP

📌 URL 전체 문법

scheme://[userinfo@]host[:port][/path][?query][#fragment]
https://www.google.com:443/search?q=hello&hl=ko

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

URL- scheme

scheme://[userinfo@]host[:port][/path][?query][#fragment]
https://www.google.com:443/search?q=hello&hl=ko

  • 주로 프로토콜 사용
    • 프로토콜: 어떤 방식으로 자원에 접근할 것인가 하는 약속 규칙
  • 예) http, https, ftp 등등
  • http는 80 포트, https는 443 포트를 주로 사용하며 포트는 생략이 가능하다

 URL - userinfo

scheme://[userinfo@]host[:port][/path][?query][#fragment]
https://www.google.com:443/search?q=hello&hl=ko

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

URL - host

scheme://[userinfo@]host[:port][/path][?query][#fragment]
https://www.google.com:443/search?q=hello&hl=ko

  • 호스트명
  • 도메인 명 또는 IP 주소를 직접 입력하여 사용 가능하다.

URL - PORT

scheme://[userinfo@]host[:port][/path][?query][#fragment]
https://www.google.com:443/search?q=hello&hl=ko

  • 포트(PORT)
  • 접속 포트를 의미한다
  • 일반적으로 생략하며, 생략시 http는 80, https는 443을 의미한다

URL - path

scheme://[userinfo@]host[:port][/path][?query][#fragment]
https://www.google.com:443/search?q=hello&hl=ko

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

URL - query

scheme://[userinfo@]host[:port][/path][?query][#fragment]
https://www.google.com:443/search?q=hello&hl=ko

  • key = value 형태
  • ?로 시작, &로 추가 가능 ?keyA=valueA&keyB=valueB
  • query parameter, query string 등으로 불리며, 웹서버에 제공하는 파라미터, 문자 형태이다

URL - fragment

scheme://[userinfo@]host[:port][/path][?query][#fragment]
https://docs.spring.io/spring-boot/docs/current/reference/html/getting-started.html#getting-started-introducing-spring-boot

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

📌 웹 브라우저 요청 흐름

1. 웹 브라우저가 HTTP 요청 메시지를 생성한다.

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

2. SOCKET 라이브러리를 통해 전달

- A: TCP/IP 연결(IP, PORT)

- B: 데이터 전달

3. TCP/IP 패킷 생성, HTTP 메시지 포함 

- 출발지 IP, PORT, 목적지 IP, PORT, 전송 데이터를 포함한 TCP/IP 패킷을 생성

- HTTP 메시지를 포함

패킷 생성 - 모든 개발자를 위한 HTTP

4. 서버로부터 HTTP 응답 응답 패킷 전달

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

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

5. 브라우저에 응답 패킷 도착 및 렌더링


참고

반응형

댓글