CSR & SSR

CSR SSR 장단점

CSR

• 장점

1. 화면 깜빡임이 없음
2. 초기 로딩 이후 구동 속도가 빠름
3. TTV와 TTI 사이 간극이 없음
4. 서버 부하 분산

• 단점 보완

1. 초기 로딩 속도가 느림
2. SEO에 불리함

• 단점 극복 방법

1. code-split
2. tree-shaking
3. chunk 파일 분리
4. SSR, SSG 도입
5. pre-rendering

SSR

• 장점

1. 초기 구동 속도가 빠름
2. SEO에 유리함

• 단점

1. 화면 깜빡임이 있음
2. TTV와 TTI 사이 간극이 있음
3. 서버 부화가 있음

CSR + SSR/SSG

next.js