MPA
링크 이동이나 폼 제출 때마다 서버가 새 HTML 문서를 응답한다.
강점SEO와 초기 로딩이 단순하다.
약점전환마다 깜빡임과 공통 리소스 재로드가 생긴다.
SPA CONCEPT
SPA는 페이지 전체가 아니라 필요한 부분만 바꾸는 웹 앱 구조다
전통적인 MPA는 이동마다 새 HTML을 받지만, SPA는 첫 로딩 후 데이터만 받아 화면 일부를 갱신한다.
SPA
하나의 HTML 위에서 JavaScript가 라우팅과 화면 갱신을 담당한다.
강점전환이 부드럽고 필요한 데이터만 요청한다.
약점초기 JS 용량, SEO, 메모리 관리에 주의가 필요하다.
Fetch데이터만 비동기 요청
History새로고침 없이 URL 변경
Storage클라이언트 상태 보존
Workers성능과 오프라인 보완