#2 URI와 웹 브라우저 요청 흐름
2.1 URI
< URI(Uniform Resource Identifier) >
"URI는 로케이터(locator), 이름(name) 또는 둘 다 추가로 분류될 수 있다"
URI ⊃ URL, URN
> URI 단어 뜻
- Uniform: 리소스 식별하는 통일된 방식 (구분할 수 있는 모든 것)
- Resource: 자원, URI로 식별할 수 있는 모든 것 (제한 없음)
- Identifier: 다른 항목과 구분하는데 필요한 정보
< URL, URN >
> URL: Uniform Resource Locator
> URN: Uniform Resource Name
> 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
- 프로토콜(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 포트를 주로 사용, 포트는 생략 가능
- https는 http에 보안 추가 (HTTP Secure)
> URL userinfo
- URL에 사용자정보를 포함해서 인증
- 거의 사용 x
> 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), 계층적 구조
예)
/home/file1.jpg
/members
/members/100, /items/iphone12
> 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
https://docs.spring.io/spring-boot/docs/current/reference/html/gettingstarted.html#getting-started-introducing-spring-boot
- fragment
- html 내부 북마크 등에 사용
- 서버에 전송하는 정보 아님
2.2 웹 브라우저 요청 흐름
1. DNS 조회 IP: 200.200.200.2
2. HTTPS PORT 생략, 443
> HTTP 요청 메시지
GET /search?q=hello&hl=ko HTTP/1.1 Host: www.google.com
< HTTP 메시지 전송 >
> 패킷 생성
출발지 IP, PORT 목적지 IP, PORT 전송 데이터, HTTP 메시지
1. 웹브라우저 → 구글 서버
: 요청 패킷 전달
: HTTP 메시지만 꺼냄
2. 웹브라우저 ← 구글 서버
: 응답 패킷 전달
: 응답 패킷 도착
- HTTP 응답 메시지
HTTP/1.1 200 OK
Content-Type: text/html;charset=UTF-8
Content-Length: 3423
<html>
<body>...</body>
</html>
3. 웹 브라우저 HTML 렌더링
자료는 김영한님의 인프런 모든 개발자를 위한 HTTP 웹 기본 지식 강의에서 가져온 것입니다.
'Web > HTTP' 카테고리의 다른 글
| 모든 개발자를 위한 HTTP 웹 기본 지식 #6 (0) | 2023.07.05 |
|---|---|
| 모든 개발자를 위한 HTTP 웹 기본 지식 #5 (0) | 2023.07.05 |
| 모든 개발자를 위한 HTTP 웹 기본 지식 #4 (1) | 2023.07.01 |
| 모든 개발자를 위한 HTTP 웹 기본 지식 #3 (0) | 2023.07.01 |
| 모든 개발자를 위한 HTTP 웹 기본 지식 #1 (0) | 2023.06.28 |