HTTP 웹 기본 지식 - [URI와 웹 브라우저 요청 흐름] #2

김영한 - 모든 개발자를 위한 HTTP 웹 기본 지식을 듣고 정리한 내용입니다.

 

https://www.inflearn.com/course/http-%EC%9B%B9-%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC/dashboard

모든 개발자를 위한 HTTP 웹 기본 지식 - 인프런 | 강의

📝목차

URI와 웹 브라우저 요청 흐름

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

---

📌URI

 

 

💡URI - 단어 뜻

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

💡URL, URN - 단어 뜻

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

💡URL - 전체 문법

• scheme://[userinfo@]host[:port][/path][?query][#fragment]
• http://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]
• http://www.google.com:443/search?q=hello&hl=ko

 

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

💡URL - userinfo

• scheme://[userinfo@]host[:port][/path][?query][#fragment]
• http://www.google.com:443/search?q=hello&hl=ko

 

• URL에 사용자정보를 포함해서 인증
• 거의 사용X

💡URL - host

• scheme://[userinfo@]host[:port][/path][?query][#fragment]
• http://www.google.com:443/search?q=hello&hl=ko

 

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

💡URL - PORT

• scheme://[userinfo@]host[:port][/path][?query][#fragment]
• http://www.google.com:443/search?q=hello&hl=ko

 

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

💡URL - path

• scheme://[userinfo@]host[:port][/path][?query][#fragment]
• http://www.google.com:443/search?q=hello&hl=ko

 

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

💡URL - query

• scheme://[userinfo@]host[:port][/path][?query][#fragment]
• http://www.google.com:443/search?q=hello&hl=ko

 

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

💡URL - flagment

• scheme://[userinfo@]host[:port][/path][?query][#fragment]
• scheme://[userinfo@]host[:port][/path][?query][#fragment]
• fragment
• html 내부 북마크 등에 사용
• 서버에 전송하는 정보 X

📌웹 브라우저 요청 흐름

💡HTTP 메시지 전송

💡패킷 생성

 

---