[모든 개발자들을 위한 HTTP 웹 기본 지식] #2. URI와 웹 브라우저 요청 흐름

[chaelink]

섹션2. URI와 웹 브라우저 요청 흐름

1. URI (Uniform Resource Identifier)

통합 자원 식별자

• Uniform : 리소스를 식별하는 통일된 방식
• Resource : 자원, URI로 식별할 수 있는 모든 것(제한 없음)
• Identifier : 다른 항목과 구분하는데 필요한 정보

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

URN
Name : 리소스에 이름 부여

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

앞으로 URI와 URL을 같은 의미로 이야기할 것

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

• 주로 프로토콜 사용

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

  • ex) http, https, ftp 등

• http는 80 포트, https는 443 포트를 주로 사용, 포트는 생략 가능

• https는 http에 보안을 추가한 것

userinfo

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

host

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

PORT

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

path

• 리소스 경로, 계층적 구조
• ex) /members, /items/iphone12

query

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

fragment

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

2. 웹 브라우저 요청 흐름

1. DNS 조회하여 도메인명에 대한 IP 주소 획등
2. 생략된 포트번호 확인
3. http 요청 메세지 생성

패킷 생성

• 응답 메세지에 들어있던 html 데이터를 렌더링하였다

[YuDeokRin]

홧팅!

[chaelink]

ㅋㅋㅋㅋ 화이팅!

[6om1n]

마지막까지 더 파이팅 !!!