1. MPA vs SPA

1) MPA(Multiple Page Application)

• 여러개의 페이지로 구성된 애플리케이션
• 전통적인 프론트엔드 배포 방법 방법
• 단점: 페이지 이동 및 렌더링 시 깜빡거리는 현상이 있고, 컨텐츠의 양에 따라서 페이지별 편차가 심해지게 됨. 결국 UX 저하

2) SPA(Single Page Application)

• 한 개의 페이지로 구성된 애플리케이션
• 1. 최초 서버로부터는 텅 빈, root라는 id를 가진 div만 다운로드 ⇒ javascript Bundle 을 통해 UI가 완성
• 2. 더 이상 새로고침이나 깜빡거림 없이 웹서비스 이용이 가능하여 UX가 크게 향상
• 단점: 초기 로딩속도가 느림
  -> 이를 보완하기 위해 하나로 번들된 코드를 여러 코드로 나눠 당장 필요한 코드가 아니면 나중에 불러오는 Code Spilitting(Lazy-Loading) 방법 제시

참고
이미지 참고 사이트: SPA vs MPA 어떤 것이 적절할까?