[모든 개발자를 위한 HTTP 웹 기본 지식] 2. URI와 웹 브라우저 요청 흐름

인프런 김영한님 [모든 개발자를 위한 HTTP 웹 기본 지식] 강의를 듣고 정리한 내용입니다.

틀린 부분이 있으면 답글 달아 주세요😊😊

 

 

1. URI (Uniform Resource Identifier )

👉 URI? URL? URN?

- URI : 로케이터(locator), 이름(name) 또는 둘 다 추가로 분류될 수 있다.

- URI = URL + URN

 

👉 URL (Resource Locator) / URN (Resource Name) 의 사용

 

 

👉 URI 단어 뜻 

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

• Resouce : 자원, URI로 식별할 수 있는 모든 것(제한X)

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

 

 

👉 URL, URN 단어 뜻 

• URL - Locator : 리소스가 있는 위치를 지정 

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

• 위치는 변할 수 있지만, 이름은 변하지 않는다. 

• urn:isbn:8960777331 (어떤 책의 isbn URN)

• URN 이름만으로 실제 리소스를 찾을 수 있는 방법이 보편화 되지 않음 

• 해당 강의는 앞으로 URI를 URL과 같은 의미로 이야기하겠음

 

 

👉 URL 분석 및 전체 문법

• scheme : 프로토콜(https)

• host : 호스트명(www.google.com)

• port : 포트 번호(443)

• path : 패스(/search)

• quaery : 쿼리 파라미터(q=hello&hl=ko)

 

 

✔ URL scheme 

• 주로 프로토콜 사용

• 프로토콜: 어떤 방식으로 자원에 접근할 것인가 하는 약속 규칙 

  ex) http, https, ftp 등등

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

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

 

✔ URL userInfo 

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

• 거의 사용하지 않음

 

✔ URL host 

• 호스트명 

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

 

✔ URL port 

• 포트(PORT)

• 접속 포트 

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

 

✔ URL path 

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

  ex) /host/file1.jpg

        /members

        /members/100

 

✔ URL query 

• key=value 형태 

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

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

 

✔ URL fragment 

• html 내부 북마크 등에 사용

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

 

 

2. 웹 브라우저 요청 흐름

1) 웹 브라우저에 URL 입력

 

2) 웹 브라우저는 DNS 서버를 조회해서 도메인 주소와 대응하는 IP 주소를 반환한다. IP와 PORT 정보를 얻는다.

3) HTTP 요청 메시지 생성

-> HTTP 메서드, Path, query String, HTTP 버전, HOST 포함

4) HTTP 메시지 전송

SOCKET 라이브러리를 통해

헤더에 IP, PORT 정보를 넣어 3 way handshake하여 웹 브라우저와 웹 서버와 연결한 후

연결이 되면 HTTP 메시지를 TCP/IP 계층에 전달한다.

5) 패킷 생성

패킷 헤더 부분에 출발지와 목적지의 IP, PORT 정보등을 담고 전송 데이터에 HTTP 메시지를 담아서 TCP/IP 패킷을 생성한다. 

 

6) 웹 브라우저에서 요청 패킷 전달

7) 서버에 요청 패킷 도착

웹 서버에 도착한 헤더의 TCP/IP 패킷은 제외하고 HTTP 메시지를 서버가 해석한다.

8) 서버에 HTTP 응답 메시지 생성

-> HTTP 버전, 응답 코드, 데이터 응답 형식, 데이터 길이

9) 서버에서 응답 패킷 전달

10) 웹 브라우저에 응답 패킷 도착

11) 웹 브라우저 HTML 랜더링

웹 브라우저에 도착한 헤더의 TCP/IP 패킷은 제외하고 HTTP 메시지의 데이터(HTML)을 랜더링하여 화면에 뿌려준다.

 

 

---

 

❓ 질문 정리 ❗

Q. DNS 는 3way-handshake가 발생하지 않는가?

A. DNS는 UDP를 이용하므로 3way-handshake가 발생하지 않는다.

 

[출처] https://www.inflearn.com/questions/433893