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

2022. 8. 12. 17:43ㆍWeb/HTTP

URI (Uniform Resource Identifier)

 

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

resource를 식별하는 통합된 방법

 

URI 단어 뜻

 

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

 

URL, URN 단어 뜻

 

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

 

URL 전체 문법

 

2. URL-webbrowser

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)

3. URL- scheme

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

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

4. URL - userInfo

 

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

  • URL에 사용자 정보를 포함하여 인증
  • 거의 사용하지 않음

5. URL - host

 

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

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

6. URL - port

 

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

  • port
  • 접속 포트
  • 일반적으로 생략 가능

7. URL - path

 

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

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

8. URL - query

 

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

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

9. URL - fragment

 

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

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

웹브라우저 요청 흐름

 

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

 

HTTP 메세지 전송

 

  1. 웹브라우저가 http 메시지 생성
  2. SOCKET 라이브러리를 통해 전달
    -A:TCP/IP 연결(IP,PORT)
    -B:데이터 전달
  3. TCP/IP 패킷 생성, http 메시지 데이터 포함
  4. LAN카드로 인터넷을 통해 http 메시지를 서버에 전송

구글 서버에서는 TCP/IP 패킷은 까서 버리고 http 메시지만 해석을 한다.

HTTP 응답 메시지

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

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

클라이언트의 웹 브라우저가 http 응답 메시지를 렌더링 해서 결과를 볼 수 있다.

 

 

<참고 자료>

 

1. 인프런 - 모든 개발자를 위한 HTTP 웹 기본 지식 강의 (김영한님)

 

2. 

https://velog.io/@chss3339/httplecture

 

모든 개발자를 위한 HTTP 웹 기본 지식 - 인프런 김영한님 강의 정리

HTTP 기본 지식 - 인프런 김영한님

velog.io

 

728x90
저작자표시 (새창열림)

'Web > HTTP' 카테고리의 다른 글

섹션 1. 인터넷 네트워크  (0) 2022.07.20

관련글

티스토리툴바