렌더링이란?

Next.js가 리액트 컴포넌트를 브라우저가 이해할 수 있는 html로 변환하는 작업

CSR(client side rendering)

• 모든 렌더링이 클라이언트 측에서 발생
• 클라이언트는 자바스크립트를 로드하고, 자바스크립트가 UI를 빌드함

SSR(server side rendering)

• Next.js로 웹사이트를 빌드할 때, 자동적으로 기본 SSR이 됨
• 이미 화면에 표시할 html을 갖고 있기 때문에 자바스크립트가 로드될 때까지 기디릴 필요없음

Next.js에서 모든 컴포넌트와 페이지들은 먼저 서버에서 렌더됨(use client 사용 여부와 상관없음)