Next.js
Next.js는 React 기반의 풀스택 웹 프레임워크이다.
즉, 단순히 UI를 만드는 React를 넘어서 서버, 라우팅, 데이터 처리까지 포함된 구조를 제공함.
- React 위에서 동작하는 프레임워크
- 서버 사이드 렌더링(SSR), 정적 생성(SSG) 지원
- API 서버 기능까지 포함 (백엔드 일부 역할 수행)
Node.js vs React vs Next.js
- Node.js → 서버를 만들 수 있는 런타임 환경
- React → UI를 만드는 라이브러리
- Next.js → React 기반으로 웹앱 전체 구조를 제공하는 프레임워크
- “React + 서버 + 구조까지 다 만들어주는 풀패키지”
역할 비교
| 구분 |
Node.js |
React |
Next.js |
| 역할 |
서버 실행 환경 |
UI 라이브러리 |
풀스택 프레임워크 |
| 실행 위치 |
서버 |
브라우저 |
서버 + 브라우저 |
| 주요 기능 |
API 서버 구축 |
컴포넌트 기반 UI |
SSR, 라우팅, API |
| 라우팅 |
직접 구현 |
없음 |
자동 지원 |
| 데이터 처리 |
서버에서 |
클라이언트에서 |
둘 다 가능 |
React vs Next.js (핵심 차이)
렌더링 방식
React (기본 CRA 기준)
- CSR (Client Side Rendering)