SPA(Single Page Application) & MPA(Multi Page Application)

 먼저 MPA, 멀티 페이지 애플리케이션은 원래 사용되던 전통적인 방식이다. 새로운 페이지로의 이동이 필요할 때 마다 그때그때 다운로드해서 페이지를 가져온다. 그래서 새로운 페이지로 이동할 때(새로고침시) 주소창 왼쪽에 보면 동글뱅이가 돌아간다. 한 페이지에 해당하는 용량이 크면 이동할 때 마다 속도가 그만큼 느리다. 

 

SPA/MAP   _ https://www.excellentwebworld.com/what-is-a-single-page-application   싱글 페이지 애플리케이션(스파)는 처음에 필요한 모든 코드를 다운로드 받고, 하나의 페이지로 불러온다. 페이지 이동이 직접적으로 일어나는 것이 아니라 페이지가 보여주는 것이 바뀌는 식으로 페이지 이동이 일어난다. 그래서 처음 불러올 때 속도는 MPA에 비해 떨어질 수 있지만, 페이지 이동 속도는 월등하게 빠르다.

 리액트, 앵귤러, 뷰에서 사용하는 방식이다.  SPA 방식을 사용하려면 여기서 제공하는 페이지 이동방식을 써야한다.(ex. router.push)

 

 그래서 카카오맵 같은 것을 가져올 때, MPA 방식으로 접근하면 다운로드 받을 시간이 충분해서 카카오맵이 보이지만, SPA 방식으로 접근하면 시간이 부족해서 카카오맵이 보이지 않는 현상이 나타난다~~!!