브라우저의 핵심 기능

필요한 리소스(HTML, CSS, JS, Image, Pont 등의 정적 파일 또는 서버가 동적으로 생성한 데이터)를 **서버에 요청(Request)**하고 서버로부터 응답(Response) 받아 브라우저에 시각적으로 **렌더링(Rendering)**하는 것

수평도

수평도

수직도

수직도

브라우저가 URL을 통해 서버에 요청을 보내는 구조

URL의 구성 요소

<https://www.mydomain.com:80/docs/search?category=javascript&lang=ko#intro>
구성요소 의미
https 프로토콜(Scheme) – 어떤 방식으로 통신할지
www.mydomain.com 호스트(Host 또는 Domain) – 접속할 서버 주소
:80 포트 번호(Port) – 서버의 특정 통신 창구
/docs/search 경로(Path) – 서버 내 파일 또는 리소스의 위치
?category=javascript&lang=ko 쿼리(Query) – 클라이언트가 서버에 전달하는 추가 정보
#intro 프래그먼트(Fragment) – 페이지 내 특정 위치를 가리킴 (서버에는 전달되지 않음)

URL 입력 시 브라우저가 하는 일

  1. 사용자가 주소창에 https://poiemmaweb.com을 입력하고 엔터를 누르면
  2. DNS를 통해 도메인 이름 → IP 주소로 변환
  3. IP 주소를 가진 서버에 요청 전송

이때 경로가 없으면 루트(/) 요청으로 간주하고, 서버는 기본적으로 → **index.html을 응답**함 (숨겨져 있지만 이 파일을 가져오는 것)

경로가 있는 특정 파일을 요청할 경우

<https://poiemmaweb.com/assets/data/data.json>

실제 리소스 응답 화면

<https://flax-silver-62f.notion.site/LEO-01b54352550248708c691dd07a72eac1>

image.png