SPA, MPA

1. SPA(Single Page Application)

하나의 페이지로 구성된 어플리케이션
브라우저의 주소창에 url을 입력하고 어떠한 페이지에 접속했을 때 모든 데이터(HTML, CSS, JS 등)를 받아오고 페이지 이동 요청이 있을 때 그 전체 중 일부를 화면에 보여주는 방식.
처음에 모든 데이터를 받아오기 때문에 초기로딩에 시간이 걸리지만 그 이후로는 바로바로 출력이 가능하다.
CSR(Client Side Rendering)방식
개발하기 편하고 초기로딩 이후는 빠르다는 장점이 있으나 검색엔진(SEO) 최적화에 불리하다.

2. MPA(Multiple Page Application)

여러개의 페이지로 구성된 어플리케이션
처음 페이지에 접속했을 때 모든 데이터를 받아오지 않고 해당 페이지의 데이터만 받아온다. 이후 페이지 이동 요청이 있을 때 이동하는 페이지의 데이터를 그 때 그 때 받아온다.
SEO 최적화에 유리하지만 중간중간 짧은 로딩시간이 필요하고 개발과정이 SPA에 비해 복잡하다는 단점이 있다.
SSR(Server Side Rendering)방식