(HTTP) 5 - URI 와 웹 브라우저 요청 흐름

■ URI (Uniform Resource Identifier - 리소스 식별하는 통합된 방법)

※ 리소스 식별 : 주민번호 식별과 비슷하게 생각하면 이해 편함 -> 자원을 식별하는 방법

 

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

 

- URL(Resource Locator) : 리소스의 위치

- URN(Resource Name) : 리소스 이름

 

 

우리가 자주 사용하는 URL 과 말 그대로 이름을 나타내는 URN 이 있다.

URN 은 거의 사용하지 않는다. 

 

* 단어 뜻

- Uniform : 리소스 식별하는 통일된 방식

- Resource : 자원, URI 로 식별할 수 있는 모든 것(제한 없음)

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

 

■ URL, URN

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

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

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

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

- URN 이름만으로 실제 리소스 찾는 방법 보편화 되지 않음

- 앞으로 URI 를 URL 과 같은 의미로 설명할 예정

 

■ URL

 

* scheme 

- 주로 프로토콜 사용

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

ex) http, https, ftp 등

- http(80), https(443) 포트 주로 사용, 해당 경우에는 포트 생략 가능

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

 

* userinfo

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

- 거의 사용 안함

 

* host (호스트명)

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

 

* port

- 접속포트

- 일반적으로 생략, 생략 시 http(80), https(443) 

 

* path (리소스 경로)

- 계층적 구조

ex)

- /home/file1.jpg

- /members

-/members/100(100번째 회원), items/iphone12

 

* query

- key=value 형태

- ? 로 시작, & 로 추가 가능 

ex) ?keyA=valueA&keyB=valueB

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

 

* fragment

- html 내부 북마크 등에 사용

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

 

■ 웹 브라우저 요청 흐름

 

URL 검색 시 다음과 같이 도메인명을 통해 DNS 에서 IP 주소를 검색한다.

참고로 https 이기 때문에 포트 443 은 생략 가능하다.

 

이렇게 되면 HTTP 요청 메세지가 작성된다.

 

 

조회(GET) + 경로부터 쿼리까지 내용 + HOST 정보로 HTTP 요청 메시지가 만들어진다. 

 

웹 브라우저가 이렇게 만들어진 HTTP 메시지를 생성하고

SOKET 라이브러리를 통해 전달하게 된다. 

여기서  메시지에는 IP와 PORT 정보가 있기 때문에 TCP/IP 와 연결이 되고, 데이터 전달이 가능하다.

이렇게 전달된 것을 TCP/IP 패킷으로 한 번 더 감싸 생성한다. 

이렇게 인터넷으로 보내지는 것이다. 

 

 

이렇게 생성된 패킷에 담겨지는 전송 데이터가 바로 HTTP 메시지가 되는 것이다. 

 

클라이언트에서 요청된 패킷을 전달 받은 후 HTTP 응답 메시지를 작성하게 된다.

200 OK -> 서버 통신 OK 

Content-Type : text/html;charset=UTF-8  -> 응답하는 형태가 html 형태이며 언어는 UTF-8

Content-Length : 3423 -> html 데이터 길이가 3423 

 

 

HTTP 메시지 열면 html 데이터가 있어서 웹 브라우저가 HTML 을 렌더링 하게 되고,

그 결과를 클라이언트 사용자단이 보게 되는 것이다. 

 

https://www.inflearn.com/course/http-%EC%9B%B9-%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC

모든 개발자를 위한 HTTP 웹 기본 지식 강의 | 김영한 - 인프런