kingsubin

HTTP 2. URI 와 웹 브라우저 요청 흐름 본문

etc

HTTP 2. URI 와 웹 브라우저 요청 흐름

kingsubin 2021. 1. 4. 23:03

1. URI (Uniform Resource Identifier)

 

URI 는 Locator, Name 또는 둘 다 추가로 분류될 수 있다.

 

URI 

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

 

 

  • URL : Uniform Resource Locator
    • 리소스가 있는 위치를 지정
  • URL : Uniform Resource Name
    • 리소스에 이름을 부여
  • 위치는 변할 수 있지만, 이름은 변하지 않는다.
  • URN 이름만으로 실제 리소스를 찾을 수 있는 방법은 보편화 되지 않았다.

 

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 )

 

1. schme

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

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

  • 주로 프로토콜 사용
  • 프로토콜 : 어떤 방식으로 자원에 접근할 것인가 하는 약속 규칙
    • ex) http, https, ftp, etc ...
  • http 는 80, https 는 443 포트를 주로 사용, 포트는 생략 가능
  • https 는 http 에 보안을 추가한 것이다. (HTTP Secure)

 

2. userinfo

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

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

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

 

3. host

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

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

  • 호스트명
  • 도메인 명 또는 IP 주소를 직접 사용 가능

 

4. port

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

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

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

 

5. path

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

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

  • 리소스 경로 (path), 계층적 구조
    • ex) /members/100, /items/iphone12

 

6. query

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

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

  • key = value 형태
  • ? 로 시작, & 로 추가 가능
  • query parameter, query string 등으로 불림, 웹서버에 제공하는 파라미터, 문자 형태

 

7. fragment

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

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

 


2. 웹 브라우저 요청 흐름

예를들어 https://www.google.com:443/search?q=hello&hl=ko 로 요청한다면

www.google.com 이라는 DNS 조회, 443의 경우 https port 번호 생략 가능

 

HTTP 요청 메시지

GET /search?q=hello&hl=ko HTTP/1.1

Host: www.google.com  

 

패킷 생성 후 데이터에 HTTP 메시지를 담아서 전달한다.

서버측에서는 HTTP 응답 메시지 패킷에 담아서 전달하고 클라이언트 측에서는 HTML 렌더링 해서 웹사이트를 볼 수 있다.

 

HTTP 응답 메시지

HTTP/1.1 200 OK

Content-Type: text/html;charset=UTF-8

Content-Length: 3423

 

<html>

  <body>...</body>

</html>

 

 

 

 


※ 출처

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

'etc' 카테고리의 다른 글

HTTP 4. HTTP 메서드  (0) 2021.01.05
HTTP 3. HTTP 기본  (0) 2021.01.04
HTTP 1. 인터넷 네트워크  (0) 2021.01.04
CORS, Proxy  (0) 2020.12.13
git  (0) 2020.12.07
0 Comments
댓글쓰기 폼