react 웹 페이지를 렌더링하는 여러 방법
1. CSR(Client Side Rendering)
- 웹 페이지의 내용을 브라우저(클라이언트)에서 직접 생성
csr test
장점: 제공되는 데이터는 최신 상태, 서버 부하가 줄어듬
단점: 초기 로드 시간이 길어진다, SEO에는 적합하지 않음
2. SSR(Server Side Rendering)
- 웹 페이지의 내용을 서버에서 미리 생성
ssr test
장점: 초기 페이지 로드 시간이 빠르고 SEO에 유리함, 데이터가 최신임
단점: 서버에 부담이 올 수 있음
3. SSG(Static Site Generation)
- 웹 페이지를 미리 정적 파일로 생성
- 빌드 시간에 웹 페이지의 모든 가능한 버전을 미리 생성
- 사용자가 페이지를 요청하면 이미 만들어진 정적 파일을 전송
ssg test
장점: 빠르고 안정적임
단점: 모든 페이지 버전을 미리 생성해야 하므로 동적 데이터가 많은 경우 비효율적임
4. ISR(Incremental Static Regeneration)
- 필요할 때 정적 페이지를 재생성 하는 방법
isr test
장점: 항상 최신의 데이터로 페이지를 제공함
단점: 재생성하는 동안 일시적으로 오래된 데이터를 제공함
Front-end developer