-
[Network] URI(URL, URN)와 웹 브라우저 요청 흐름Network 2024. 4. 10. 14:11
URI(Uniform Resource Indentifier)
"리소스를 식별"하는 통합된 방법으로, URI는 로케이터(locator), 이름(name) 또는 둘 다 추가로 분류될 수 있다.
URL
URI의 Locator로 리소스가 있는 "위치"를 지정.
ex. https://www.google.com
URN
URI의 Name으로 리소스의 "이름"을 부여
ex. www.google.com
URI와 URL은 거의 같은 의미
URL의 문법
https://www.google.com:443/search?q=hello&hl=ko
- https - 프로토콜: 어떤 방식으로 자원에 접근할 것인가를 나타내는 약속 규칙(ex. http, https, ftp)
- www.google.com - 호스트명: 도메인 혹은 IP 주소
- 443 - 포트 번호: 일반적으로 생략
- /search - Path(경로): 리소스의 경로로 계층적 구조(ex. /members/100, /items/phone/11)
- q=hello&hl=ko - 쿼리 파라미터: key=value형태로 ?로 시작하고 &로 여러개 추가가 가능하다. query parameter, query string 등으로 불리며 웹서버에 제공하는 파라미터, 문자 형태이다.
- #fragment: html 내부 북마크 등에 사용되는 정보로 서버에 전송하는 정보가 아니다. 웹페이지 들어갔을 때 어떤 하이퍼링크를 누르면 그 페이지의 어떤 부분으로 이동하는 경우를 보았을 것이다. 그럴 때 사용된다.
웹 브라우저의 요청 흐름
https://www.google.com:443/search?q=hello&hl=ko
를 주소창에 입력할 경우, 웹 브라우저는
1. DNS(www.google.com:443이 200.200.200.2의 ip로 보내는 것인지 조회) 조회
2. HTTP 요청 메시지 생성
🚀 HTTP 요청 메시지
GET /search?q=hello&hl=ko HTTP/1.1
Host: www.google.com3. SOCKET 라이브러리를 통해 전달
- A: TCP/IP 연결(3 way handshake)
- B: 데이터 전달
4. 세부 정보를 담은 TCP/IP 패킷 생성(HTTP 메시지 포함)
- https://suucong.tistory.com/90 를 보면 TCP/IP 패킷이 무엇인지 알 수 있다.
5. 구글 서버에 요청 패킷이 도착하면 구글 서버는 요청 패킷을 다 벗기고 HTTP 메시지를 읽어 해석 후 HTTP 응답 메시지를 반환.
🚀 HTTP 응답 메시지
HTTP/1.1 200 OK
Content-Type: text/html;charset=UTF-8
Content-Length: 3423
<html>
<body>...</body>
</html>6. 위의 응답 메시지를 받은 웹 브라우저는 html 데이터를 받아 화면에 렌더링한다.
'Network' 카테고리의 다른 글
[Network/HTTP] Rest API, Restful API, HTTP Method (0) 2024.04.11 [Network] CIDR 이란? AWS에서의 CIDR (1) 2023.10.29 [Network] IP 클래스 / 서브넷 마스크 / 서브넷팅 계산 (1) 2023.10.29 [Network] IP 기본 개념(feat: 사설 IP, 공인 IP, NAT, 탄력적 네트워크 인터페이스, 라우팅 테이블) (0) 2023.10.26