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

개-발뚜-발·2023년 8월 25일

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

강의

목록 보기

2/4

[URI와 웹브라우저 요청 흐름]

URI

웹 브라우저 요청 흐름

🌐 URI

URI(Uniform Resource Identifier)

-> URI는 Locator와 Name으로 식별된다.
URI 안에는 URL과 URN이 포함된다.

Resource Locator - 예)김영한의 사는위치
Resoure Name - 예) 김영한 그 존재 / 이름을 부여해버리는 경우.

Uniform : 리소스 식별하는 통일된 방식
Resource : 자원, URI로 식별할 수 있는 모든것(제한없음) / 실시간 교통정보 등
Identifier : 다른 항목과 구분하는데 필요한 정보 / 사람을 구분하는 주민등록번호 등
URL - Locator : 리소스가 있는 위치를 지정
URN - Name : 리소스에 이름을 부여
위치는 변할 수 있지만 ,이름은 변하지 않는다.
urn:isbn:8960777331 (어떤 책의 isbn URN)

URN 이름만으로는 실제 리소스를 찾는 방법이 보편화 되지 않아서, URI = URL과 같은 의미로 이야기 하겠음.

URL 분석

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

🌐 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)

🌐 scheme

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

🌐 userinfo

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

🌐 host

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

🌐 PORT

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

🌐 path

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

🌐 query

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