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 지원 | 추가 설정 필요 | 기본 지원 |