[HTTP웹기본지식_인프런] URI와 웹 브라우저 요청 흐름

Arammm

생계형 개발자.

Sep 15, 2023

URI(Uniform Resource Identifier)

URL(Uniform Resource Locater)

URL 문법

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

scheme: 프토토콜
- 리소스에 접근하는 데 사용되는 통신 프로토콜을 지정
- http: 80 포트, https: 443 포트 주로 사용하며, 생략 가능
- https는 http에 보안을 추가한 것으로 요즘 대부분의 웹사이트는 https로 동작
userinfo: 사용자 정보
- URL에 사용자 정보를 포함해서 인증(거의 사용 안함)
host : 호스트 명
- 리소스가 위치한 서버의 도메인 이름이나 IP 주소를 지정
port: 포트번호
- 서버에서 리소스에 접근하기 위해 사용되는 포트 번호(일반적으로 생략)
path: 경로
- 서버에서 리소스의 경로를 지정
query: 쿼리 파라미터
- 추가 매개 변수를 서버로 전달하는 데 사용
- 검색어를 서버에 전달하거나 필터를 적용할 때 사용
- key-value 형태
- ?로 시작, &로 추가
fragment
- html 내부 북마크 등에 사용(서버에 전송하는 정보 아님)
예시 URL: https://www.example.com:8080/path/to/resource?query=example#section2

URN(Uniform Resource Name)

웹 브라우저에 URL 입력

클라이언트에서 서버로 패킷(헤더+데이터) 전달

HTTP 요청 메시지 생성: 웹 브라우저에 입력된 URL로 부터 IP, PORT 정보를 얻고, 웹 브라우저가 HTTP 요청 메시지를 생성
웹 서버와 연결: 애플리케이션 계층의 소켓 라이브러리를 통해 IP, PORT 정보를 헤더 부분에 담아 연결을 위한 패킷을 만들고 3-way-handshake 로 웹 서버와 연결
소켓 라이브러리를 통해 HTTP 메시지를 TCP/IP 계층으로 전달한다.
TCP/IP 패킷(헤더 + 데이터) 생성: 헤더 부분(출발지 IP, PORT, 목적지 IP, PORT 등)과 데이터 부분(HTTP 요청 메시지)을 합쳐 TCP/IP 패킷을 생성
웹 서버 패킷 전달: 웹 브라우저에서 인터넷망(수많은 노드들)을 거쳐 웹 서버로 패킷을 전달

서버에서 클라이언트로 응답 패킷 전달

데이터 부분 해석하여 HTTP 응답 메시지 생성: 웹 서버는 도착한 패킷의 헤더 부분은 버리고 데이터 부분(HTTP 요청 메시지)를 해석하여 HTTP 응답 메시지 생성
TCP/IP 응답 패킷(헤더 + 데이터) 생성: 헤더 부분(출발지 IP, PORT, 목적지 IP, PORT 등)과 데이터 부분(HTTP 응답 메시지)을 합쳐 TCP/IP 응답 패킷 생성
웹 서버에서 인터넷망(수많은 노드들)을 거쳐 웹 브라우저로 응답 패킷 전달

웹 브라우저는 응답 메시지의 데이터 렌더링하여 화면에 표시

개인적인 이해를 바탕으로 작성한 글 입니다.
잘못된 내용, 피드백은 언제든 환영합니다! 🥺🥺🥺