NextJS ) SPA vs MPA

Jeong-Taek·2022년 10월 27일
0

SPA(Single Page Application)

SPA란?
SAP(싱글페이지 어플리케이션)이란 한 개의 페이지로 구성된 어플리케이션을 의미한다.
웹 애플리케이션에 필요한 모든 정적 리소스를 최초 한번에 다운로드 함. 이후 새로운 페이지 요청이 있을 경우, 페이지 갱신에 필요한 데이터만 전달받아 페이지를 갱신하는 방식.

장점

  • 전체 페이지를 업데이트를 할 필요가 없기 때문에 빠르다.
  • 페이지의 일부만 바뀌는 것이기 때문에 애플리케이션의 반응이 빠름
  • 개발하기에 더 심플하다
  • 로컬 데이터를 효과적으로 캐시 할 수 있다.
  • SPA의 애플리케이션은 서버에게 정적 리소스를 한번만 요청하고 받은 데이터를 전부 저장하기 때문에 오프라인에서도 데이터를 사용할 수 있음.

MPA(Multi Page application)

MPA(멀티페이지 어플리케이션)이란 여러 개의 페이지로 구성된 어플리케이션을 의미한다.

MPA는 새로운 페이지를 요청할 때마다 정적 리소스가 다운로드 되고, 전체 페이지를 다시 렌더링한다.
즉, 인터넷 주소창에 주소를 입력하거나, 링크를 클릭하는 등 사용자가 어떤 요청을 하면, 그에 맞는 html, 이미지등의 파일들이 전부 다운로드되고 다시 렌더링이 됨.

장점

  • 검색엔진이 페이지를 크롤링하기 적합함

0개의 댓글