SSR, CSR, SSG의 차이

CSR과 SSR의 차이점

CSR(Client Side Rendering) 서버에서 받은 데이터를 클라이언트인 브라우저가 화면에 그린다. 브라우저가 HTML, JS 파일을 읽고 파싱 작업을 한 후 프레임워크를 실행하고 나서 페이지가 보여지고, 상호

sy-it.tistory.com

SSG(Static Site Generation)

빌드 시 정적 HTML 을 생성하고, 클라이언트의 요청에 이미 생성된 HTML을 전송한다.

완성된 파일을 요청이 오면 렌더링 작업 없이 단순히 보내주면 되므로 빠르고 SEO 친화적이다.

하지만 새로운 데이터로 업데이트하기 위해서는 다시 빌드해서 서버에 업로드가 필요하다.

SSR은 페이지를 요청할 때마다 HTML 문서를 생성하여 전송한다. SSG는 이미 빌드 타임에 만들어진 HTML을 전송한다.
- 항상 최신 상태를 유지해야하는 페이지는 SSR을 사용하는 것이 적합하다.
- 바뀔 가능성이 적은 정적인 페이지는 SSG가 적합하다.
SSG는 모든 URL에 대하여 개별 HTML 파일을 생성해야 한다. URL을 미리 예측하기 어려우면 적용이 어렵다.
빌드 시간이 오래 걸릴 수 있다. 하지만 빌드는 사용자의 사용 경험과는 상관이 없으므로 큰 문제는 없다.

Web Socket을 사용하여 간단한 채팅 앱 구현하기 (0)	2025.03.12
CORS(Cross-Origin Resource Sharing, 교차 출처 리소스 공유) (2)	2024.03.26
검색엔진 최적화(SEO, Search Engine Optimization) (0)	2024.03.18
http와 https (0)	2024.03.12
TCP와 UDP (0)	2024.03.12