Web Flow

웹 요청이 화면이 되는 과정

사용자가 주소를 입력하면 브라우저는 이름을 찾고, 연결을 만들고, 문서를 받아 해석한 뒤 화면으로 그립니다.

URL사용자 주소 입력
DNS서버 주소 찾기
HTTP요청과 응답
RenderHTML/CSS/JS 해석
01

브라우저

사용자 대신 주소를 해석하고 서버에 필요한 리소스를 요청합니다.

02

서버

요청받은 문서, 이미지, 데이터 등을 응답으로 돌려줍니다.

03

프로토콜

HTTP와 HTTPS는 클라이언트와 서버가 대화하는 규칙입니다.

04

렌더링

HTML 구조, CSS 스타일, JavaScript 동작을 합쳐 화면을 만듭니다.

처음 볼 기준

  • 웹은 파일 하나가 아니라 요청과 응답이 반복되는 구조입니다.
  • 주소창의 URL은 서버 위치와 원하는 경로를 함께 담습니다.
  • 브라우저 개발자 도구의 Network 탭에서 이 흐름을 직접 확인할 수 있습니다.

핵심 용어

Client요청 주체
Server응답 주체
HTTP통신 규칙
DOM화면 구조