4가지 렌더링 방식

### 1. CSR (Client-Side Rendering)

- **장점:** 동적인 사용자 경험 제공, 서버 부하 감소
- **단점:** 초기 로딩 지연, SEO 문제
- **연관성:** 동적인 웹 앱에 적합하지만, 초기 로딩과 SEO 문제로 SSG로 전환하는 경우가 많음

### 2. SSG (Static Site Generation)

- **장점:** 빠른 로딩 속도, SEO 친화적, 보안 강화
- **단점:** 동적 콘텐츠 제공 한계, 대규모 사이트에서 빌드 시간 길어짐
- **연관성:** 정적 콘텐츠에 최적화되어 있으나, 동적 콘텐츠를 처리하기 위해 ISR 등장

### 3. ISR (Incremental Static Regeneration)

- **장점:** SSG의 장점 + 동적 콘텐츠 지원, 필요한 페이지만 재생성
- **단점:** 구현 복잡성, 실시간 업데이트에는 한계
- **연관성:** SSG의 동적 콘텐츠 처리 한계를 극복하려는 시도로 등장, SSR과의 절충점을 제공

### 4. SSR (Server-Side Rendering)

- **장점:** 초기 로딩 시간 단축, SEO 우수, 동적 콘텐츠 제공 용이
- **단점:** 서버 부하 증가, 페이지 요청마다 렌더링 필요
- **연관성:** CSR의 초기 로딩 및 SEO 문제를 해결하지만 서버 부하 증가로 인해 ISR, SSG와 같은 대안 모색

### 요약:

- CSR은 동적인 사용자 경험을 제공하지만, 초기 로딩과 SEO 문제가 있습니다.
- SSG는 빠른 로딩과 SEO에 유리하지만, 동적 콘텐츠에는 제한적입니다.
- ISR은 SSG의 장점을 유지하면서 동적 콘텐츠를 보완합니다.
- SSR은 동적 콘텐츠와 SEO에 강점을 가지지만, 서버 부하가 증가합니다.

이렇게 각 렌더링 방식은 서로의 단점을 보완하려는 방향으로 발전해 왔으며, 프로젝트의 요구 사항에 따라 적절히 선택하는 것이 중요.