CSR vs SSR

브라우저에서 모든 렌더링 작업을 처리하는 방식입니다.

이 방식의 장점으로는 새로운 요청이 있을 때마다 페이지 전체를

다시 구성하지 않아도 되기 때문에 사용자 경험이 좋습니다.

새로운 요청이 있을 때마다 로딩 속도가 빠릅니다.

하지만 초기 로딩 속도가 느리고 SEO(Search Engine Optimization) 대응이 어렵다는 단점이 있습니다.

서버에서 HTML을 생성하여 브라우저로 전송하는 방식입니다.

이 방식의 장점으로는 초기 로딩 속도가 빠르고 SEO 대응이 용이하다는 점이 있습니다.

하지만 새로운 요청이 있을 때마다 페이지 전체를 다시 구성해야 하기 때문에

사용자 경험이 좋지 않을 수 있습니다.

SSR은 네트워크가 느릴 때, SEO가 필요할 때, 최초 로딩이 빨라야하는

사이트를 개발 할 때 사용하는 것이 좋습니다.

CSR은 사용자 경험이 중요한 경우에 사용하는 것이 좋습니다.

SPA vs MPA

한 개의 페이지로 구성된 애플리케이션입니다.

서버로부터 필요한 정보만 받아옵니다.

빠른 속도와 자연스러운 사용자 경험을 제공합니다.

검색엔진 최적화가 어렵다는 단점이 있습니다.

여러 개의 페이지로 구성된 애플리케이션입니다.

새로운 페이지를 요청할 때마다 서버로부터 문서에 대한

모든 데이터를 다 받아와야 합니다

검색엔진 최적화가 쉽습니다.

페이지 이동 시마다 새로운 페이지를 요청하므로 속도가 느리다는 단점이 있습니다.

SPA는 사용자 경험이 중요한 경우에 적합하며 페이지 갱신이

빠르고 부드러운 전환 효과를 제공합니다.

반면 MPA는 검색 엔진 최적화가 중요한 경우에 적합합니다.

정리하자면

CSR/SSR는 렌더링을 클라이언트에서 하는지 서버에서 하는지를 구별한 방식이며

SPA/MPA는 웹 애플리케이션을 구성하는 페이지를 한 개 쓰는지 여러 개 쓰는지 구별한 방식입니다.

설계 목적에 따라 위 방식들을 사용하시면 될 것 같습니다.