React vs Next.js 비교
| 기능 | React.js | Next.js |
|---|---|---|
| 렌더링 방식 | CSR(Client-Side Rendering) 기본 | SSR, SSG, ISR, CSR 모두 지원 |
| 라우팅 | 내장 기능 없음 (React Router 같은 라이브러리 필요) | 파일 기반 라우팅 내장 |
| 데이터 페칭 | useEffect 훅이나 외부 라이브러리 사용 | getServerSideProps, getStaticProps, ISR 등 내장 기능 |
| 코드 분할 | React.lazy와 Suspense 사용 (수동 설정) | 자동 코드 분할 |
| 이미지 최적화 | 직접 구현 필요 | 내장 Image 컴포넌트로 자동 최적화 |
| API 구현 | 별도 백엔드 서버 필요 | API 라우트 내장 |
| 환경 설정 | 직접 웹팩, 바벨 등 설정 필요 | 제로 설정 (Zero Config) |
| TypeScript 지원 | 추가 설정 필요 | 기본 지원 |