SSR, SSG, CSR 살펴보자

SSG란?

• static site generation
• 빌드 할때 (npm run build) HTML을 각 페이지 별로 생성해 놓고 요청 왔을 때 생성된 HTML을 반환
• 정적은 HTML파일들이 서버에 생성된다.
• 따라서 유저가 페이지를 요청했을 때 이미 생성된 HTML만 반환하면 되므로, HTML들은 재사용할 수 있다.
• 외부 요청에 의해 내부 내용이 변하는 페이지는 SSR 또는 CSR로 처리한다.

그럼 SSR과는 뭐가 다를까?

• 둘다 pre-render를 한다는 점에서는 동일. 즉 서버에서 렌더한다.
• SSG는 빌드할 때만 HTML이 생성되므로 그 이후에 사용자의 요청에 의해 데이터가 바뀌어야 한다면 따로 다시 변경해주어야함
• SSR은 사용자 요청마다 HTML이 새로 생성된다.

pre-render란?

SSG로 요청에 따른 정적 페이지 생성

• ssg는 빌드시에 html이 생성되기 때문에 빌드할 때 데이터를 요청해야 한다.
• 빌드 시점에 한번만 데이터를 가져와 페이지에 전달할 수 있다.