xeunnie

SSG(Static Site Generation)란?🚀 Next.js에서 SSG(Static Site Generation, 정적 사이트 생성)빌드 시점에 HTML을 생성하여, 요청 시 빠르게 제공할 수 있도록 하는 렌더링 방식입니다. 즉, 페이지를 서버에서 미리 렌더링해놓고 정적인 HTML 파일로 저장하여, 사용자가 접속할 때 즉시 제공하는 방식이에요. 이렇게 하면 사용자에게 빠른 로딩 속도를 제공하고, 검색 엔진 최적화(SEO)에도 유리하다는 장점이 있습니다.🥸 SSG는 왜 생겨났을까요?과거에는 동적 콘텐츠를 제공하기 위해 서버사이드 렌더링(SSR)이나 클라이언트사이드 렌더링(CSR) 방식이 주로 사용되었습니다.그러나 이 방식은 페이지 로딩 시간이나 서버 부하 문제 등에서 한계를 드러냈습니다. 특히..

렌더링 방식을 선택할 때 무엇이 중요할까? 🪩웹 애플리케이션을 만들 때, 어디에서 HTML을 생성하고 콘텐츠를 렌더링할지는 매우 중요한 결정이에요. 과거에는 주로 서버에서 모든 작업을 처리하는 SSR 방식이 널리 사용되었어요. 이후엔 사용자 경험이 점점 중요해지면서 클라이언트 측에서 렌더링하는 CSR 방식이 부각되기도 했어요. 최근에는 다양한 요구에 맞춰 최적화된 솔루션으로 SSG와 ISR같은 새로운 렌더링 방식이 인기를 얻고 있기도 해요. 하지만 결국엔 각각에 장단점이 존재하기 때문에 도메인과 프로젝트의 특성과 목표에 따라 적절한 렌더링 방식을 선택하는 것이 점점 더 중요해지고 있어요. 각각이 어떤 렌더링 방식을 가지고 있는지 함께 살펴봅시다! 🚀1. 클라이언트사이드 렌더링 (CSR: Client-..