[Code Camp 7주차] SPA vs MPA

FE 08김우중·2022년 8월 26일
0

Single Page Application(SPA)

화면에 보여질 리소스를 서버로 요청하고, 서버로부터 받아온 리소스를 렌더링하는 방식인 SSR과는 달리 렌더링의 역할을 서버에게 넘기지 않고, 브라우저에서 처리하는 방식이다. 모든 정적 리소스를 최초에 한번 다운로드하고, 이후 새로운 페이지 요청 시 페이지 갱신에 필요한 데이터만을 전달받아 페이지를 갱신한다.

SPA 장점

  • 새로운 페이지 요청 시 변경되는 부분만 갱신하기 때문에 전체적인 트래픽 감소렌더링에서 좋은 효율을 가진다
  • 페이지가 교체되는 것이 아니고 한 페이지내에서 갱신되는 부분만 렌더하기 때문에 새로고침이 발생되지않아 깜빡임 없이 빠른 화면 이동이 가능하다
  • 모듈화 또는 컴포넌트별 개발에 용이하다

SPA 단점

  • 최초에 리소스를 한번에 다운로드하기때문에 초기 구동속도가 느리다
  • SEO에 불리하다

Multi Page Application(MPA)

MPA는 SPA의 반대 개념이라고 생각하면된다!!

!!참조
https://jongminfire.dev/spa-single-page-application-%EB%9E%80

profile
새내기 개발자

0개의 댓글