URI와 웹 브라우저 요청 흐름

• URI
• 웹 브라우저 요청 흐름

실제 웹 브라우저 _요청하면 HTTP와 관련해 이야기 해본다.

URI(Uniform Resource Interface)

URI? URL? URN?

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

URI

URL : 리소스의 위치 / URN : 리소스의 이름

자원자체를 식별하는 방법

ex) URL : A의 사는 곳, URN : A

이름을 부여하면 찾을 수 없음. 매핑이 힘들다.

URI 단어 뜻

• Uniform : 리소스 식별하는 통일된 방식
• Resource : 자원, URI로 식별할 수 있는 모든 것(제한 없음)
• Identifier : 다른 항목과 구분하는데 필요한 정보
  • 사람을 식별할 때 주민등록번호로 식별한다면 Identifier는 주민등록번호

URL, URN 단어 뜻

• URL - Locator : 리소스가 있는 위치를 지정
• URN - Name : 리소스에 이름을 부여
• 위치는 변할 수 있지만, 이름은 변하지 않는다.
• urn:isbn:8960777331 ( 어떤 책의 isbn URN )
• URN 이름만으로 실제 리소스를 찾을 수 있는 방법이 보편화 되지 않음
• 앞으로 URI를 URL과 같은 의미로 이야기하겠음

 

URL 분석

전체 문법

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

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

• 프로토콜(https)
• 호스트명(www.google.com)
• 포트 번호(433)
• 패스(/search)
• 쿼리 파라미터(q=hello&hl=ko)

scheme

• 주로 프로토콜 사용
• 프로토콜 : 어떤 방식으로 자원에 접근할 것인가 하는 약속 규칙
  • 예) http, https, ftp 등등
• http는 80포트, https는 443 포트를 주로 사용, 포트는 생략 가능
• https는 http에 보안 추가 (HTTP Secure)

userinfo

• URL에 사용자정보를 포함해서 인증
• 거의 사용하지 않음

host

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

PORT

• 포트(PORT)
• 접속 포트
• 일반적으로 생략, 생략시 http는 80, https는 443

path

• 리소스 경로(path), 계층적 구조
• 예)
  • /home/file1.jpg
  • /members
  • /members/100, /items/iphone12

query

• key=value 형태
• ?로 시작, &로 추가 가능 ?keyA=value&keyB=valueB
• query parameter, query string 등으로 불림, 웹서버에 제공하는 파라미터, 문자 형태

fragment

• html 내부 북마크 등에 사용
• 서버에 전송되는 정보는 아님

웹 브라우저 요청 흐름

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

DNS를 조회하여 IP를 찾고 HTTP 요청 메세지를 생성한다.

GET / query / HTTP 버전 / 호스트

TCP 패킷을 씌우고 서버로 보낸다.

목적지 IP와 PORT 번호로 목적지까지 전송된다.

패킷을 목적지 IP로 전달한다.

서버는 TCP를 벗기고 HTTP 메세지를 해석한 후 응답 메세지를 작성한다.

클라이언트로 다시 보낸다.

클라이언트는 응답 메세지를 열어 렌더링하여 화면에 띄운다.