URI와 웹 브라우저 요청 흐름

URI? URL? URN?

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

URI(Uniform Resource Identifier)

• Uniform : 리소르 식별하는 통일된 방식
• Resource : 자원, URI로 식별할 수 있는 모든 것(제한 없음)
• Identifier : 다른 항목과 구분하는데 필요한 정보
• URL : Uniform Resource Locator -> 웹브라우저가 정보를 찾는데 필요한 리소스의 위치
  • 사용자는 웹 브라우저에 URL을 입력하고 브라우저는 화면 뒤에서 사용자가 원하는 리소를 원하는 리소스를 얻기 위해서 적절한 프로토콜을 사용하여 메시지를 전송한다.
• URN : Uniform Resource Name
  • 리소스가 어디에 존재하든 상관없이 이름만으로 리소스를 식별하는 방법

URL, URN

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

URL 분석

•  scheme://[userinfo@]host[:port][/path][?query][#fragment]
•  https://www.google.com:443/search?q=hello&hl=ko
• [스킴://서버위치/경로] 의 구조
• 프로토콜(https) : 웹 클라이언트가 리소스에 어떻게 접근하는지 알려준다.
• 호스트명(www.google.com) : 서버의 위치(웹 클라이언트에게 리소스가 어디에 호스팅 되어 있는지 알려준다.)
• 포트번호(443)
• 패스(/search)
• 쿼리 파라미터(q=hello&hl=ko)
• 포트번호/패스/쿼리 파라미터 : 리소스의 경로 -> 서버에 존재하는 로커리소스들 중에서 요청받은 리소스가 무엇인지 알려준다.

URL Scheme

• scheme://[userinfo@]host[:port][/path][?query][#fragment]
• https://www.google.com:443/search?q=hello&hl=ko
• 주로 프로토콜 사용
• 프로토콜 : 어떤 방식으로 자원에 접근할 것인가 하는 약속 규칙. ex) http, https, ftp etc
• http는 80포트, https는 443포트를 주로 사용하고, 포트는 생략 가능.
• https는 https에 보안 추가(HTTP Secure)

URL userinfo

• scheme://[userinfo@]host[:port][/path][?query][#fragment]
• https://www.google.com:443/search?q=hello&hl=ko
• URL에 사용자 정보를 포함해서 인증.
• 거의 사용하지 않음.

URL host

• scheme://[userinfo@]host[:port][/path][?query][#fragment]
• https://www.google.com:443/search?q=hello&hl=ko
• 호스트명
• 도메인명 또는 IP 주소를 직접 사용 가능.

URL PORT

• scheme://[userinfo@]host[:port][/path][?query][#fragment]
• https://www.google.com:443/search?q=hello&hl=ko
• 포트(PORT)
• 접속 포트
• 일반적으로 생략, 생략시에는 http는 80 / httpssms 443.

URL PORT

• scheme://[userinfo@]host[:port][/path][?query][#fragment]
• https://www.google.com:443/search?q=hello&hl=ko
• 리소스의 경로(path), 계층적 구조
• 예)
  • /home/file1.jpg
  • /members/100
  • /items/iphone12
  • /members

URL query

• scheme://[userinfo@]host[:port][/path][?query][#fragment]
• https://www.google.com:443/search?q=hello&hl=ko
• 리소스의 경로(path), 계층적 구조
• key = value 형태
• ?로 시작, $로 추가 가능(?keyA=valueA&keyB=valueB)
• query parameter, query string 등으로 불림, 웹서버에 제공하는 파라미터, 문자 형태

URL fragment

• scheme://[userinfo@]host[:port][/path][?query][#fragment]
• https://docs.spring.io/spring-boot/docs/current/reference/html/getting-started.html#getting-started-introducing-spring-boot
• fragment
• html 내부 북마크 등에 사용
• 서버에 전송하는 정보 아님

인코딩 체계(문자 집합)

• 안전한 문자(ASCII)
• 안전하지 않은 문자(% 시작하여 16진수로 표현한 이스케이프 문자로 표현함)