URI와 웹 브라우저 요청 흐름

URI(Uniform Resource Identifier)

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

 

URI가 뭔데?

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

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

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

 

URL과 URN



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

-URN : Name, 리소스에 이름을 부여. 리소스가 이름에 매핑되어 있어야 하기 때문에 이름으로 부여하면 찾기가 힘들다.(그래서 거의 URL만 씀)

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

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

-위의 이유로 URI와 URL은 같은 의미로 이해하면 된다.

 

URL 분석

URL의 전체 문법 : scheme://[userinfo@]host[:port][/path][?query][#fragment]

 

https://www.google.com:443/search?q=hello&hl=ko

이 URL에서 

프로토콜[https]

호스트명[www.google.com]
포트 번호[443]

패스[/search]

쿼리 파라미터[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

-접속 포트

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

 

URL path

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

-예) /home/fine1.jpg

       /members

       /members/100, /items/iphone12

 

URL query

-key=value형태

-?로 시작, &로 추가 가능 (?keyA=valueA&keyB=valueB)

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

 

URL fragment

-html 내부 북마크 등에 사용.

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

 

웹 브라우저의 요청 흐름

1. DNS 서버를 조회해서 IP와 포트 정보를 받는다.

2. HTTP 요청 메시지를 생성한다.

 

HTTP 메시지 전송

전송 데이터 HTTP 메시지는

GET /search?q=hello&hl=ko HTTP/1.1 Host: [www.google.com](http://www.google.com/)

위와 같은 형태이다.

 

패킷의 모양

서버는 패킷을 받고 TCP/IP 패킷을 제거한 후 HTTP 메시지를 해석한다.

'쿼리는 hello, hl이 한국' 등의 내용을 파악한 후 데이터를 찾는다.

 

HTTP 응답

서버가 데이터를 다 찾은 후 html 데이터를 포함한 응답 메시지를 만들어서 클라이언트에게 반환한다.

클라이언트는 응답받은 html 데이터를 화면에 렌더링 한다.