**“리액트 프레임워크”**라고 부르는 것들은 보통👉 React를 기반으로 전체 구조를 제공하는 프레임워크들을 말합니다.
아래에서 실무에서 많이 쓰이는 리액트 기반 프레임워크 종류를 정리해 드릴게요.
1️⃣ Next.js (가장 많이 사용됨 ⭐)
가장 대표적인 React 프레임워크
특징
- 파일 기반 라우팅
- SSR / SSG / ISR 지원
- SEO 최적화
- 풀스택 가능(API Routes)
- Vercel 배포 최적화
언제 사용?
- 쇼핑몰
- 회사 홈페이지
- 블로그
- 서비스형 웹앱
👉 React 다음 단계로 가장 추천
2️⃣ Remix
웹 표준을 강조한 React 프레임워크
특징
- 서버 중심(Server-first)
- 폼 처리, 데이터 로딩이 강력
- 빠른 페이지 전환
- SEO 우수
언제 사용?
- 폼이 많은 서비스
- 서버 연동이 중요한 프로젝트
👉 Next.js 대안으로 주목받음
3️⃣ Gatsby
정적 사이트(SSG) 특화 프레임워크
특징
- 빌드 시 HTML 생성
- 매우 빠른 로딩
- 마크다운, CMS 연동 쉬움
언제 사용?
- 블로그
- 문서 사이트
- 기업 소개 페이지
👉 대규모 동적 서비스에는 부적합
4️⃣ Expo (React Native 기반)
웹이 아니라 모바일 앱용
특징
- React Native 기반
- Android / iOS 동시 개발
- 네이티브 기능 쉽게 사용
언제 사용?
- 모바일 앱
- 하이브리드 앱
👉 웹 React와는 목적이 다름
5️⃣ Razzle (비교적 덜 사용)특징
SSR 지원
설정 최소화
자유도 높음
👉 최근 사용률은 낮음
6️⃣ RedwoodJS
스타트업용 풀스택 프레임워크
특징
- React + GraphQL
- 백엔드 포함
- 구조가 명확
👉 학습 난이도 있음
7️⃣ 초보자 추천 순서
1️⃣ React (기본 문법)
2️⃣ Next.js
3️⃣ 필요 시 Remix / Expo
※ 한 줄 요약
리액트 자체는 라이브러리이고,
Next.js / Remix / Gatsby 같은 것들이
👉 리액트 기반 프레임워크입니다.
