URI와 웹 브라우저의 요청 흐름
💡 간단 요약 :
URI는 자원을 식별하는 방법으로,URL은 자원의 위치를,URN은 이름을 나타냐고 생각해. URL은 scheme, host, port, path, query, fragment 등으로 이뤄져 있어. 웹 브라우저가 서버에 요청할 때는 DNS 조회, HTTP 요청 생성, TCP/IP 연결 등이 순서대로 이루어져. 그리고 서버가 응답하면 데이터가 브라우저에 렌더링돼. URI는 자원을 유일하게 식별하는 데 쓰여.
🔗 사진과 강의 출처 : 김영한님의 HTTP 웹 기본 지식
1. URI(Uniform Resource Identifier)
URI는 로케이터(locator), 이름(name) 또는 둘 다 추가로 분류될 수 있다.
URI 안에 URL과 URN으로 구성되어 있다.
1) URL과 URN의 예시
2) URI의 단어의 뜻
Uniform : 리소스 식별하는 통일된 방식
Resource : 자원, URI로 식별할 수 있는 모든 것(제한 없음)
실시간 교통 정보, 파일 등
Identifier : 다른 항목과 구분하는데 필요한 정보
3) URL, URN 단어의 뜻
URL - Locator: 리소스가 있는
위치를 지정URN - Name: 리소스에
이름을 부여
위치는 변할 수 있지만, 이름은 변하지 않는다.
urn:isbn:8960777331 (어떤 책의 isbn URN)
URN 이름만으로 실제 리소스를 찾을 수 있는 방법이 보편화 되지 않음
앞으로 URI를 URL과 같은 의미로 이야기하겠음
4) URL 전체 문법
scheme://[userinfo@]host[:port][/path][?query][#fragment]
구성
프로토콜(https)
호스트명(www.google.com)
포트 번호(443)
패스(/search)
쿼리 파라미터(q=hello&hl=ko)
5) URL scheme
scheme://[userinfo@]host[:port][/path][?query][#fragment]
https://www.google.com:443/search?q=hello&hl=ko
q : 검색 쿼리 검색어 hello
주로 프로토콜 사용
프로토콜: 어떤 방식으로 자원에 접근할 것인가 하는 약속 규칙
예) http, https, ftp 등등
http는 80 포트, https는 443 포트를 주로 사용, 포트는 생략 가능
https는 http에 보안 추가 (HTTP Secure)
6) USL(userinfo)
scheme://**[userinfo@]**host[:port][/path][?query][#fragment]
URL에 사용자 정보를 포함해서 인증
거의 사용하지 않음
7) USL(host)
scheme://[userinfo@]host[:port][/path][?query][#fragment]
https://www.google.com:443/search?q=hello&hl=ko
호스트명
도메인명 또는 IP 주소를 직접 사용가능
8) USL(PORT)
scheme://[userinfo@]host**[:port]**[/path][?query][#fragment]
https://www.google.com:443/search?q=hello&hl=ko
포트(PORT)
접속 포트
일반적으로 생략, 생략시 http는 80, https는 443
9) 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
10) 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 등으로 불림, 웹서버에 제공하는 파라미터, 문자 형태
11) URL(Fragment)
scheme://[userinfo@]host[:port][/path][?query][#fragment]
https://docs.spring.io/spring-boot/docs/current/reference/html/gettingstarted.html**#getting-started-introducing-spring-boot**
fragment
html
내부 북마크등에 사용서버에 전송하는 정보 아님
2. 웹 브라우저 요청 흐름
HTTP 메세지 정보
DNS 조회(IP 매칭)
HTTPS PORT 생략
HTTP 요청 메세지 생성
HTTP 버전 정보
Host 정보
SOCKET 라이브러리를 통해 전달
A : TCP/IP 연결(IP, PORT)
B : 데이터 전달
TCP/IP 패킷 생성, HTTP 메세지 포함
웹브라우저가 만든 전송 데이터
웹 브라우저가 구글 서버에게
요청패킷 전달요청 패킷 도착
구글 서버가 웹 브라우저에게
응답패킷 전달
응답하는 데이터 타입은 HTML에 UTF-8
응답 패킷 도착
웹 브라우저 HTML 렌더링
Last updated