SPA 동작 기준표

처음에는 앱 셸을 받고, 이후에는 Fetch로 데이터만 가져오며 History API로 주소를 맞춥니다. 빠른 전환 대신 초기 로딩과 SEO 보완이 과제로 남습니다.

1

앱 셸과 번들 로드

첫 진입은 무거울 수 있어 번들 분리와 캐싱을 같이 설계합니다.

2

필요한 데이터만 요청

페이지 전체 대신 JSON API를 받아 화면 일부를 갱신합니다.

3

새로고침 없이 URL 변경

뒤로가기와 공유 가능한 주소를 클라이언트 라우터가 관리합니다.

4

화면 상태가 앱 안에 머묾

저장소, 토큰, 컴포넌트 상태가 UX와 메모리 관리를 좌우합니다.

핵심SPA 동작 기준표은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.