웹 서비스

URI와 웹 브라우저 요청 흐름

alswlfl 2022. 11. 29. 12:04

URI(Uniform Resource Identifier)

: 리소스를 식별(자원 자체를 식별하는 방법)하는 통합된 방법

  • URI: 로케이터(locator), 이름(name) 또는 둘 다 추가로 분류될 수 있다.
  • URL(Resource Locator): 리소스의 위치
  • URN(Resource Name): 리소스의 이름

URI, URL, URN

URI 단어 뜻

Uniform: 리소스 식별하는 통일된 방식

Resource: 자원, URI로 식별할 수 있는 모든 것(제한 없음)

Identifier: 다른 항목과 구분하는데 필요한 정보

 

URL과 URN 단어 뜻

URL: Uniform Resource Locator

URN: Uniform Resource Name

 

URL: Locater, 리소스가 있는 위치를 지정

URN: Name, 리소스에 이름을 부여

  • 위치는 변할 수 있지만, 이름은 변하지 않음
  • urn:isbn:8960777331 (어떤 책의 isbn URN)
  • URN 이름만으로 실제 리소스를 찾을 수 있는 방법이 보편화 되지 않음
  • 앞으로 URI를 URL과 같은 의미로 인식

 

URL 전체 문법

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

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

 

1. scheme(주로 프로토콜 사용)

프로토콜(https): 어떤 방식으로 자원에 접근할 것인가 정한 약속 규칙

ex) http, https, ftp 등등

- http는 80 포트, https는 443 포트를 주로 사용, 포트는 생략 가능

- https는 http에 보안 추가(HTTP Secure)

2. userinfo

- URL에 사용자 정보를 포함해서 인증

- 거의 사용 안함

3. host

- 호스트명(www.google.com)

- 도메인 명 또는 IP 주소를 직접 사용 가능

4. PORT

- 포트 번호(443)

- 접속 포트

- 일반적으로 생략, 생략시 http는 80, https는 443

5. path

- path(/search)

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

- ex) /home/file1.jpg, /memeber, /members/100, /items/iphone12

6. query

- 쿼리 파라미터(q=hello&hl=ko) 

- key=value 형태

- ?로 시작, &로 추가 가능 ?keyA=valueA&keyB=valueB

- query parameter, query string 등으로 불림, 웹 서버에 제공하는 파라미터, 문자 형태

7. fragment

- html 내부 북마크 등에 사용

- 서버에 전송하는 정보 아님


웹 브라우저 요청 흐름

HTTP 요청 메시지

ex)

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

HTTP 메시지 전송

HTTP 메시지 전송

1. 웹 브라우저가 HTTP 메시지 생성

2. SOCKET 라이브러리를 통해 전달(TCP/IP 연결, 데이터 전달)

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

 

HTTP 응답 메시지

ex)

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

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

웹 브라우저 요청 흐름

1. 클라이언트에서 해당 서버로 HTTP 메시지가 포함된 TCP/IP 패킷 전송

2. 전송받은 서버는 해당 클라이언트에게 HTTP응답 메시지 전송

3. 응답 받은 메시지로 웹 브라우저 HTML 렌더링