이번에는 Next.js 프로젝트를 진행하기 전에, Next.js와 React의 차이점을 공부하면서 *SSR(서버 사이드 렌더링)*과 *CSR(클라이언트 사이드 렌더링)*이 주요 키워드로 많이 언급되는 것을 알게 되었습니다. 이에 대해 학습한 내용을 정리하여 포스팅해보려고 합니다. 🏗️ SSR(Server-Side Rendering) – 서버 사이드 렌더링 SSR은 서버에서 HTML을 미리 렌더링 하여 클라이언트에 전달하는 방식입니다.즉, 사용자가 요청을 보내면 서버에서 HTML을 생성한 후 브라우저로 전송하며, 이후 JavaScript가 실행되면서 인터랙티브 기능이 활성화됩니다. 위 그림 대로 정리를 하자면,1. 사용자가 웹사이트에 요청을 보냅니다.2. 서버는 렌더링이 가능한 HTML 파일을 만듭니다..