SSR vs SSG

SSR vs SSG

요청할 때 만드느냐 vs 미리 만들어 놓느냐

• SSR(Server Side Rendering)

  클라이언트가 페이지를 요청할 경우 서버가 HTML 파일을 생성해서 클라이언트에 응답하는 기법

• SSG (Server Side Generation)

  서버가 페이지를 먼저 만들어둔 뒤 클라이언트의 페이지 요청에 응답하는 기법

• 역사

  1. Java, PHP 같은 Sever Template Engine 에서 자주 쓰임

  2. Ajax 의 등장으로 조금 식어감

  3. SPA(React, Vue, Angular) 의 등장으로 뒤로 밀림

  4. SEO 필요성과 성능 문제(초기 렌더링 속도 문제 등)의 대두로 다시 각광받음

  5. SSG 와 같이 쓰임

• 언제 써야할까

  • SSR

    페이지의 데이터가 항상 최신이어야 할 때

    데이터가 동적이어야 할 때

    페이지에 사용자와 상호작용이 있을 때

  • SSG

    페이지의 데이터가 최신일 필요가 없을 때

    페이지가 정적이어야 할 때

    페이지에 사용자와 상호작용이 없을 때

    정적인 데이터일 경우