SPA 방식과 MPA 방식

SPA 방식과 MPA 방식은 무엇인가요?

	SPA(Single Page Application)	MPA(Multi Page Application)
	한 개의 페이지로 구성	여러 개의 페이지로 구성
접근방식	현대적인 접근 방식 Google, Facebook, Twitter 등에서 사용	고전적인 접근 방식 전자 상거래 비즈니스와 같이 광범위한 제품 포트폴리오를 보유한 대기업에서 선호하는 옵션
속도	새 데이터를 요청할 때마다 페이지가 완전히 다시 로드되지 않음. 대부분의 앱 리소스를 한 번만 로드하기 때문에 빠름.	새 데이터에 액세스하거나 웹사이트의 다른 부분으로 이동할 때마다 브라우저가 전체 페이지를 처음부터 다시 로드해야 하므로 느림
Coupling	프런트엔드와 백엔드가 분리 단일 페이지 애플리케이션은 서버 측 개발자가 개발한 API를 사용하여 데이터를 읽고 표시	프론트엔드와 백엔드는 더 상호 의존적 모든 코딩은 일반적으로 하나의 프로젝트에 포함
검색 엔진 최적화	대부분의 단일 페이지 애플리케이션이 대부분의 검색 엔진이 지원하지 않는 JavaScript에서 실행되기 때문에 MAP만큼 검색 엔진에 최적화 되어있지 않음	각 페이지가 다른 키워드에 최적화될 수 있으므로 더 나은 웹사이트 포지셔닝을 가능 메타 태그는 모든 페이지에 포함될 수 있음
개발 프로세스	재사용 가능한 백엔드 코드  웹 앱에서 사용한 것과 동일한 코드를 기본 모바일 앱에 적용할 수 있기 때문에 개발 시간이 단축될 수 있음	프론트엔드와 백엔드의 명확한 구분 덕분에 두 부분을 동시에 개발할 수 있어 전체 개발 프로세스의 속도가 빨라짐, 대부분의 경우 서버 측에서 처음부터 코딩해야 하므로 개발하는 데 시간이 더 오래 걸림

 

이미지 출처 및 참고자료

https://asperbrothers.com/blog/spa-vs-mpa/

Single Page Application (SPA) vs Multi Page Application (MPA) – Two Development Approaches | ASPER BROTHERS