SPA VS MPA(SEO, CSR, SSR)

SPA

Single Page Application
한 개의 Page로 구성된 어플리케이션

웹 애플리케이션에 필요한 모든 정적 리소스를 최초 한번에 다운로드
이후, 새로운 페이지 요청이 있을 경우, 페이지 갱신에 필요한 데이터만 전달받아 페이지를 갱신한다.
SPA를 CSR(Client Side Rendering) 방식이라 한다.

• 개발하기에 심플, 빠르다, 로컬데이터를 효과적으로 캐시할 수 있다.
• 초기 구동 속도가 느리다.
• SEO(Search Engine Optimization) 관점에 불리

MPA

Multi Page Application
여러 개의 Page로 구성된 어플리케이션

새로운 페이지를 요청할 때마다 정적 리소스가 다운로드 되고,
그에 맞춰 전체 페이지를 다시 렌더링 한다.
인터넷 주소창에 주소를 입력하거나 어떤 요청을 하면, 그에 맞는 html, 이미지 등의 파일들이 전부 다운로드 되고 렌더링 된다.
MPA를 SSR(Server Side Rendering) 방식이라 한다.

• 검색엔진 최적화 유리, 검색 엔진이 페이지 크롤링하기에 적합
• 복잡하다

SEO

검색엔진 최적화

웹사이트가 유기적인 검색 방식을 통해 검색 엔진에서 상위에 노출될 수 있도록 최적화하는 과정

방식은 웹페이지를 크롤링하는 로봇인 웹 크롤러를 사용한다.

참조

https://medium.com/aha-official/%EC%95%84%ED%95%98-%ED%94%84%EB%A1%A0%ED%8A%B8-%EA%B0%9C%EB%B0%9C%EA%B8%B0-1-spa%EC%99%80-ssr%EC%9D%98-%EC%9E%A5%EB%8B%A8%EC%A0%90-%EA%B7%B8%EB%A6%AC%EA%B3%A0-nuxt-js-cafdc3ac2053

https://velog.io/@thms200/SPA-vs.-MPA

https://ko.wix.com/blog/post/what-is-seo?utm_source=google&utm_medium=cpc&utm_campaign=14051298432^124501874839&experiment_id=^^535938152124^^_DSA&gclid=CjwKCAjw3qGYBhBSEiwAcnTRLqfGHZFx0EVR3UzVyv1DrNTEjgX1pkaHE4K9-W-nBzHUJNczYGzuyhoC3aYQAvD_BwE