Single Page Application

SPA 전환은 문서 교체가 아니라 화면 조각 교체입니다

초기 HTML은 한 번 받고, 이후 이동은 URL과 컴포넌트, 필요한 데이터만 갱신합니다.

1

초기 진입

HTML, JavaScript, CSS를 받아 앱 실행 준비를 끝냅니다.

2

URL 변경

브라우저 히스토리는 바뀌지만 문서 전체 요청은 피합니다.

3

컴포넌트 선택

라우팅 규칙이 현재 주소에 맞는 화면 조각을 고릅니다.

4

필요 데이터 갱신

API 응답과 상태 변경으로 필요한 영역만 다시 그립니다.

MPA와 구분하는 질문

이동할 때 새 HTML 문서를 다시 받으면 MPA 흐름이고, 같은 문서 안에서 컴포넌트를 교체하면 SPA 흐름입니다.