buffso 님의 블로그

기능React만 사용할 때Next.js 사용할 때서버 사이드 렌더링(SSR) 및정적 사이트 생성(SSG)기본적으로 클라이언트 사이드 렌더링(CSR) 방식. SEO 최적화 어려움 및 초기 로딩 지연.SSR과 SSG를 지원하여 SEO 최적화와 빠른 초기 로딩 속도 제공.파일 기반 라우팅 시스템React Router와 같은 라이브러리 필요. 폴더 구조와 라우팅이 분리됨.파일 기반 라우팅 제공. pages 폴더에 파일 생성 시 자동 라우팅.API 라우트 기능API 서버를 별도로 구축해야 하며, 백엔드와의 통신 필요.API 라우트를 통해 API 엔드포인트 생성 가능. 백엔드 서버 없이도 API 구축 가능.이미지 최적화 및성능 최적화 기능이미지 최적화 기능이 기본 제공되지 않음. 외부 라이브러리로 별도 수행.nex..

CSR (Client-Side Rendering)특징:모든 JavaScript 파일과 리소스가 클라이언트(브라우저)에서 로드된 후에 렌더링이 시작됨.초기 페이지 로딩 시 HTML이 최소한의 내용으로 제공되고, 클라이언트가 모든 JavaScript를 다운로드하여 실행 후, 렌더링이 완료됨.초기 로딩 속도가 느릴 수 있지만, 첫 페이지 로딩 이후 빠른 사용자 상호작용이 가능.사용 상황:인터랙티브한 웹 애플리케이션: 사용자의 상호작용이 많은 애플리케이션 (예: SPA, 대시보드, 메신저 앱 등).클라이언트 측에서의 상태 관리와 UI 변경이 빈번하게 일어나는 경우.SEO(검색 엔진 최적화)가 필요하지 않은 경우.SSR (Server-Side Rendering)특징:페이지가 요청될 때마다 서버에서 HTML을 완성..