blog

SSR, SPA, SSG, ISR 개념 잡기

날짜: 2024-03-11

SSR, SPA, SSG, ISR 은 웹 프론트 프로젝트에서 페이지 렌더링 방식을 의미한다.

SSR (Server-Side Rendering)
- 페이지가 서버에서 렌더링되어 완성된 형태로 사용자에게 전달됩니다.
- 초기 로딩 속도와 SEO에 유리합니다.
- 동적 콘텐츠가 중요한 사이트에 적합
SPA (Single Page Application)
- 한 번의 페이지 로딩으로 모든 인터랙션을 클라이언트 사이드에서 처리하는 애플리케이션.
- 사용자 경험 개선에 유리. 유저 인터렉션이 중요한 사이트에 적합
- 부족한 SEO 및 초기 로딩 지연 문제
SSG (Static Site Generation)
- 빌드 타임에 모든 페이지를 미리 생성하여 배포하는 방식
- 로딩 속도가 매우 빠르며 SEO에도 유리
- 단, 사이트 업데이트 시 전체 재빌드가 필요할 수 있음.
- 변경빈도가 낮은 사이트에 적합
ISR (Incremental Static Regeneration)
- SSG의 장점을 유지하면서도
- 설정된 조건에 따라 개별 페이지를 재생성할 수 있는 기능
- 최초 빌드 시에는 모든 페이지를 SSG 와 마찬가지로 미리 생성하지만, 각 페이지마다 revalidate 에 지정된 시간이 지날 경우, 요청이 들어오면 재생성하여 최신화된 페이지를 서비스 하도록 함.

SEO (Search Engine Optimization): 웹사이트가 검색 엔진에서 더 높은 순위를 차지할 수 있도록 최적화하는 과정. 사용자가 검색할 때 관련성 높은 결과를 빠르게 찾을 수 있도록 돕습니다. 좋은 SEO 전략은 웹사이트의 가시성을 향상시켜 더 많은 트래픽을 유도하고, 이는 결국 브랜드 인지도 증가, 리드 생성, 매출 상승으로 이어질 수 있게 만듬.