SPA route model

SPA 라우팅 원리

단일 HTML에서 시작해 JavaScript가 화면 전환을 맡으면 빠른 경험을 줄 수 있지만 초기 로딩과 상태 관리 책임도 커집니다.

화면 전환

01Initial HTML 02Bundle 03Route 04State 05API

초기 로드

처음에는 HTML과 JavaScript bundle을 받아 앱을 부팅합니다.

클라이언트 라우팅

링크 이동이 서버 문서 교체가 아니라 컴포넌트 전환이 됩니다.

상태 유지

페이지가 유지되므로 입력값, 캐시, 인증 상태를 명확히 관리해야 합니다.

SPA 라우팅 원리 점검

SEO, 접근성, 뒤로가기, 로딩 표시를 함께 설계해야 사용자 흐름이 끊기지 않습니다.