CSR SSR SSG ISR

SSR => 서버에서 해주는거 Server Component => 서버에서 해주는거

SSR / Server Compoent 의 차이

각각의 정의 기능 동작 로직

간단간단 하게 구현해보기

CSR과 SSR

CSR?

CSR (Client Side Rendering)

말 그대로, 클라이언트에서 페이지를 렌더링하는 방식이다.

대표적인 Client의 예시로는 웹 브라우저가 있따.

작동 방식?

  1. 웹 브라우저에서 서버에 요청을 보냄
  2. 서버에서 골격이 될 단일 페이지를 클라이언트에게 보냄 (+ JavaScript 파일도 함께 보냄)
  3. 클라이언트는 전달받은 파일을 바탕으로 웹 페이지를 보여주고, JavaScript 파일을 통해 웹 페이지를 완전한 렌더링으로 바꿈