CSR

client side rendering
서버에서 html을 받아와 적힌 js주소를 서버 요청해 동적으로 사용자에게 최종적인 어플리케이션을 보여준다.

• 서버에 정보를 넘겨야 처음 보이는 화면을 나타낼 수 있기에 클라이언트에게 제공되는 서비스 시간이 오래 걸릴 수 있다.
• html에는 어느 정보를 받아와야 된다는 것만 적혀있기에 검색 엔진 같은 기능 구현이 어렵다.

SSR

server side rendering
사이트 주소 요청시 서버가 필요한 데이터를 받아 바로 사용자에게 보여주게 해주는 방식

• CSR보다 더 빠르게 사용자에게 화면을 보여줄 수 있다.
• html에 모든 정보가 담겨져 있게 좀 더 효율적인 SEO를 할 수 있다.
• 클릭 때마다 서버에서 데이터를 요청하기에 과부화가 걸리기 쉽다.
• 사용자에게 화면 제공은 되지만 동적인 js를 받아오는데 시간이 걸리므로 동작하지 않을 수 있다.

SSG

static site generation

• CSR과 SSR의 단점들을 보완.
  좀더 매끄러운 서비스를 위하여 미리 서버에 화면을 저장해 두었다가 꺼내는 방식.

출처