> 웹 프론트엔드 > JS 튜토리얼 > SSG(정적 사이트 생성) | 비유를 이용한 설명

SSG(정적 사이트 생성) | 비유를 이용한 설명

Mary-Kate Olsen
풀어 주다: 2024-11-28 06:28:13
원래의
271명이 탐색했습니다.

Static Site Generation (SSG) | Explanation with Anology

SSG(정적 사이트 생성)는 런타임이 아닌 빌드 시 HTML 페이지가 생성되는 웹사이트를 구축하는 방법입니다. 이는 웹사이트의 콘텐츠가 웹 서버에 배포되기 전에 정적 HTML 파일로 사전 렌더링된다는 의미입니다.


정적 사이트 생성(SSG)에 대한 비유는 인쇄 서적의 세계에서 도출할 수 있습니다.

비유: 출시 전 책을 인쇄하다

당신이 새 책을 출간할 계획을 갖고 있는 작가라고 상상해 보세요. 이 시나리오에서 책은 웹사이트이고 책의 페이지는 개별 웹페이지(홈페이지, 정보 페이지, 블로그 게시물 등)입니다.

  1. 전통적인 동적 웹사이트(실시간 인쇄):

동적 웹사이트와 같은 전통적인 웹사이트의 경우 누군가가 책을 주문할 때마다 출판사는 처음부터 한 번에 한 권씩 책을 인쇄합니다. 모든 고객은 책을 받기 전에 책이 인쇄되고 제본될 때까지 기다려야 합니다. 주문이 많을수록 모든 사본을 인쇄하는 데 시간이 오래 걸리고, 동시에 많은 사람이 주문할 경우 프로세스가 느려질 수 있습니다(느린 웹사이트).

  1. 정적 사이트 생성(사전 인쇄된 도서):

이제 누군가 책을 주문할 때 책을 인쇄하는 대신 모든 책을 미리 인쇄하여 매장에 보관한다고 상상해 보세요. 누군가가 책을 구입하기 위해(또는 웹사이트를 방문하면) 선반에서 미리 인쇄된 사본을 즉시 집어들 수 있습니다. 기다리는 시간이 없고, 책(웹페이지)이 준비되어 있습니다.

이는 사용자가 사이트를 방문하기 전에 모든 웹페이지가 생성되고, 누군가 페이지를 요청하면 사전 구축된 정적 파일에서 즉시 제공되는 SSG(정적 사이트 생성)와 같습니다.

이 비유의 이점:

속도: 사용자가 사전 구축된 웹페이지에 즉시 액세스할 수 있는 것처럼 고객은 사전 인쇄된 책을 즉시 선택할 수 있습니다.

효율성: 모든 사용자에 대해 페이지를 다시 렌더링할 필요가 없는 것처럼 누군가 책을 주문할 때마다 책을 다시 인쇄할 필요가 없습니다.

확장성: 고객이 10명이든 10,000명이든 고객이 해야 할 일은 선반에서 미리 인쇄된 책을 집어드는 것뿐입니다(또는 미리 만들어진 페이지를 제공받는 것).

SSG에 적용되는 방식:

사전 제작: 책이 대량으로 인쇄됩니다(페이지는 제작 시 사전 렌더링됩니다).

인스턴트 액세스: 사용자(고객)가 사이트(매장)에 오면 콘텐츠가 이미 사전 제작(사전 인쇄)되어 있기 때문에 즉시 콘텐츠를 얻을 수 있습니다.

SSG 기술의 예: 개츠비

Gatsby는 인기 있는 정적 사이트 생성기입니다. 이를 통해 다양한 소스(예: CMS, 마크다운 파일 또는 API)의 데이터를 정적 HTML, CSS 및 JavaScript 파일로 컴파일하여 웹사이트를 미리 구축할 수 있습니다. 일단 구축되면 선반에 미리 인쇄된 책처럼 귀하의 웹사이트를 매우 빠르게 제공할 수 있습니다.

요약하자면 SSG는 출시 전에 모든 책을 인쇄하는 것과 같습니다. 고객이 방문하면 인쇄될 때까지 기다릴 필요 없이 즉시 사본을 얻을 수 있어 더 빠르고 효율적인 콘텐츠 제공 방법을 제공합니다.

위 내용은 SSG(정적 사이트 생성) | 비유를 이용한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿