책임 분리

브라우저 요청 처리 책임

웹은 브라우저, 네트워크 규칙, 서버가 역할을 나누어 움직입니다. 각 책임을 분리해 두면 개념 학습과 디버깅 순서가 흔들리지 않습니다.

브라우저 책임

  • URL을 해석하고 필요한 리소스를 요청합니다.
  • 캐시, 쿠키, 보안 정책을 적용합니다.
  • HTML, CSS, JavaScript를 해석해 화면을 그립니다.

HTTP/HTTPS 약속

  • 메서드
  • 헤더
  • 상태 코드
  • 응답 본문

서버 책임

  • 요청 경로에 맞는 문서나 데이터를 찾습니다.
  • 필요하면 데이터베이스와 애플리케이션 로직을 거칩니다.
  • 브라우저가 이해할 수 있는 응답을 돌려줍니다.
주소

URL과 DNS

오타, 잘못된 경로, 도메인 연결 문제를 가장 먼저 분리합니다.

통신

요청과 응답

메서드, 헤더, 상태 코드를 보면 서버와의 대화 상태가 보입니다.

문서

HTML/CSS/JS

응답 파일이 준비되어야 브라우저가 화면 구성을 시작합니다.

화면

렌더링 결과

문서 구조, 스타일, 스크립트 실행이 합쳐져 사용자 화면이 됩니다.

페이지가 느림 응답 시간, 파일 크기, 캐시 상태 Network 탭
404가 보임 URL 경로와 서버 라우팅 주소와 상태 코드
화면이 비어 있음 응답 본문, DOM 생성, JavaScript 오류 Elements와 Console