CSR vs SSR vs SSG vs ISR
위 네가지의 차이에 대해 배웠다.
- Client-Side Rendering
브라우저에서 제일 처음 html 파일을 불러오면 js를 사용해서 랜더링함.
다른 페이지로 접근해도 이미 모든 파일들을 불러왔기 때문에 빠름.
단, 처음에 모두 불러와야 하기 때문에 첫 랜더링이 오래걸림.
- Server-Side Rendering
브라우저에서 해당 페이지에 접속하면, 서버에서 html을 랜더링해서 전송.
각각의 페이지에 접근할 때마다 서버에서 랜더링 한 후 전송하기 때문에 오래걸림.
- Static-Site Generation
SSR은 서버에서 랜더링 후 페이지를 전송해주지만, 정적인 페이지(static)는 빌드할 때
페이지를 랜더링 하고, 페이지 요청이 들어오면 랜더링 된 페이지를 전송.
- Incremental Static Regeneration
SSG의 단점은 정적인 페이지가 업데이트 된다면 바로바로 보여줄 수 없음.
그래서 일정 주기마다 페이지를 빌드시켜줌.
