CSR
Client Side Rendering
- 렌더링의 주체가 클라이언트(브라우저)
장점
- 한 번 로딩이 완료되면 빠른 UX 제공 가능
- 서버의 부하가 적음
단점
- 페이지 로딩 시간(TTV: time to view)이 길다
- 자바스크립트 활성화가 필수
- SEO 최적화가 힘듦
- 보안에 취약함
- CDN에 캐시가 안됨
SSG
Static Site Generation
- 렌더링의 주체가 서버
- 배포 시 빌드할 때 렌더링
장점
- 페이지 로딩 시간(TTV)이 빠름
- 자바스크립트 필요 없음
- SEO 최적화가 좋음
- 보안이 뛰어남
- CDN에 캐시 가능
단점
- 데이터가 정적임
- 사용자별 정보 제공이 어려움
ISR
Incremental Static Regeneration
- 렌더링의 주체가 서버
- 주기적으로 렌더링
장점
- 페이지 로딩 시간(TTV)이 빠름
- 자바스크립트 필요 없음
- SEO 최적화가 좋음
- 보안이 뛰어남
- CDN에 캐시 가능
- 데이터가 주기적으로 업데이트 됨 ←NEW!!
단점
- 주기적이긴 하나, 실시간 데이터가 아님
- 여전히 사용자별 정보 제공이 어려움
SSR
Server Side Rendering
- 렌더링 주체가 서버
- 요청시 렌더링
장점
- 페이지 로딩 시간(TTV)이 빠름
- 자바스크립트 필요 없음
- SEO 최적화가 좋음
- 보안이 뛰어남
- 실시간 데이터 사용
- 사용자별 정보 제공 가능
단점
- 비교적 느릴 수 있음
- 서버의 과부하가 걸릴 수 있음(overhead가 높아짐)
- CDN에 캐시가 안됨
용어 설명
SEO Search Engine Optimization
- 웹 사이트를 검색 엔진의 상위에 노출될 수 있도록 최적화하는 작업
CDN Content Delivery Network
- 지리적으로 분산된 서버들을 연결한 네트워크
- 웹 콘텐츠를 사용자와 가까운 곳에서 전송하여 전송 속도를 높임
반갑습니다