URI와 웹 브라우저 요청 흐름
URI ( Uniform Resource Identifier )
URI | |||
URL (Resource Lcator) | URN(Resource Name) | ||
리소스가 있는 위치를 지정 | 리소스에 이름을 부여 |
URL : 주로 많이 사용
전체 문법
scheme://[userinfo@]host[:port][/path][?query][#fragment]
프로토콜://호스트명/패스/쿼리 파라미터
scheme://[userinfo@]host[:port][/path][?query][#fragment]
1. scheme
- 주로 프로토콜(어떤 방식으로 자원에 접근할 것인가 하는 약속 규칙) 사용
- http(80 포트), https(443 포트), ftp 등
2. userinfo
- URL에 사용자 정보를 포함해서 인증
- 거의 사용하지 않음
3. host
- 호스트명
- 도메인명 또는 IP 주소를 직접 사용 가능
- ex) https://www.google.com/webhp?hl=ko
4. port
- 접속 포트
- 일반적으로 생략
5. path
- 리소스 경로, 계층적 구조
- ex) /home/file1.jpg
6. query
- key=velue 형태
- ?로 시작, &로 추가
- ex) https://www.google.com/search?q=hello&sca_esv=595284512&hl=ko
7. fragment
- html 내부 북마크 등에 사용
웹 브라우저 요청 흐름
웹 브라우저에서 요청 패킷을 전달하면 요청받은 서버에 도착
요청받은 서버에서 응답 패킷을 전달
웹 브라우저에 응답 패킷이 도착 후 웹 브라우저 HTML 렌더링
렌더링
: 웹 사이트 코드를 사용자가 웹 사이트를 방문할 때 보게 되는 대화형 페이지로 바꾸는 웹 개발에 사용되는 절차
강의 섹션 2. 웹 브라우저 요청 흐름