서버 사이드 렌더링(SSR)의 장단점
장점
- 초기 페이지 로딩 속도가 빠릅니다.
- SSR은 서버에서 HTML을 생성하여 클라이언트에게 전달하기 때문에, 초기 페이지 로딩 속도가 빠릅니다.
- 검색 엔진 최적화(SEO)가 용이합니다.
- 검색 엔진은 HTML을 기반으로 페이지를 색인하므로, SSR을 사용하면 검색 엔진 최적화(SEO)를 용이하게 할 수 있습니다.
단점
- 서버 부하가 커집니다.
- SSR은 서버에서 HTML을 생성하기 때문에 서버 부하가 커질 수 있습니다.
- 개발 속도가 느립니다.
- SSR은 초기 구성이 복잡하기 때문에 개발 속도가 느릴 수 있습니다.
- 클라이언트 측 자바스크립트 실행이 필요할 경우, 추가적인 네트워크 트래픽이 발생합니다.
클라이언트 사이드 렌더링(CSR)의 장단점
장점
- 개발 속도가 빠릅니다.
- CSR은 초기 구성이 단순하기 때문에 개발 속도가 빠릅니다.
- 사용자 경험이 향상됩니다.
- CSR은 사용자와의 상호작용이 많은 웹 애플리케이션에서 좋은 사용자 경험을 제공합니다.
단점
- 초기 페이지 로딩 속도가 느립니다.
- CSR은 클라이언트 측에서 자바스크립트를 사용하여 HTML을 생성하기 때문에, 초기 페이지 로딩 속도가 느립니다.
- 초기 HTML 문서의 구조와 내용이 비어있거나 동적으로 생성되기 때문에 검색 엔진에서는 이를 인식하지 못하고 SEO에 악영향을 미칠 수 있습니다.
'Next.js' 카테고리의 다른 글
Next.js Intercepting Routes 를 활용한 Modal 구현 (0) | 2023.11.12 |
---|---|
Next.js 14 App Router 가이드를 통한 Dashboard 구현 (0) | 2023.10.28 |
Nextjs - Link 태그의 Prefetch 기능 (0) | 2023.06.29 |
Next.js - Next.js 13 Metadata 동적 생성하기 (with 13.4 version) (0) | 2023.06.27 |
Next.js - Nextjs 13 정리 (1) (0) | 2023.06.20 |