[FE] Create React App(CRA) 지원 종료

[Create React App(CRA) 지원 종료: 무엇이 달라지나?]

🧐 TL;DR

- React 팀은 CRA 지원을 종료했으며, 신규 프로젝트에서는 사용하지 않는 것이 좋다.
- CRA는 느린 빌드 속도, 유지보수 부족, 최신 대안(Vite, Next.js) 대비 성능 저하 등의 이유로 점점 뒤처졌다.
- 새로운 프로젝트를 시작하려면 Vite(빠른 개발 속도) 또는 Next.js(SSR 지원)를 고려해야 한다.
- 기존 CRA 프로젝트는 Vite 또는 Next.js로 마이그레이션하거나 Webpack 설정을 직접 관리해야 한다.
- 앞으로 React 개발의 표준은 Vite와 Next.js가 될 것이므로, 이에 맞춘 개발 환경을 구축하는 것이 중요하다.

---

1. 개요

React 공식 블로그는 2025년 2월 14일, Create React App(CRA)의 지원 종료를 발표했습니다. 이 발표 내용과 React 개발자들이 선택할 수 있는 대안들을 살펴보겠습니다.

2. CRA 지원 종료의 이유

2.1 느린 개발 환경

CRA는 Webpack을 기본 빌드 도구로 사용하는데, 개발 서버와 번들링 속도가 Vite 같은 최신 빌드 도구에 비해 현저히 떨어집니다.

2.2 유지보수 부족

React 코어 팀이 CRA를 적극적으로 유지보수하지 않았고, 오래된 종속성으로 인해 보안 업데이트가 지연되는 문제가 있었습니다.

2.3 더 나은 대안의 등장

CRA는 초기에 간편한 React 프로젝트 설정을 제공했으나, 현재는 Vite, Next.js, Parcel 등이 더 빠르고 효율적인 대안으로 자리잡았습니다.

3. CRA를 사용 중이라면 어떻게 해야 할까?

3.1 신규 프로젝트에는 CRA를 사용하지 말 것

React 팀은 새로운 프로젝트에서 CRA 대신 다른 대안을 선택할 것을 공식 권장하고 있습니다.

3.2 기존 프로젝트는 어떻게?

기존 CRA 기반 프로젝트는 다음 방법들을 고려해볼 수 있습니다:

- Vite로 마이그레이션: 빠른 개발 속도와 최신 환경을 위해 Vite로 전환할 수 있습니다.
- Next.js로 이동: 서버 렌더링이 필요하다면 Next.js로 전환하여 성능을 개선할 수 있습니다.
- Webpack 설정 직접 구성: CRA의 Webpack 설정을 직접 관리하고 싶다면 eject 후 설정을 관리할 수 있습니다.

4. Vite 및 Next.js로 프로젝트 시작하기

CRA의 주요 대안인 Vite와 Next.js로 새 프로젝트를 시작하는 방법은 다음과 같습니다.

4.1 Vite로 프로젝트 시작하기

# Vite 프로젝트 생성
npm create vite@latest my-vite-app --template react
cd my-vite-app
npm install
npm run dev

4.2 Next.js로 프로젝트 시작하기

# Next.js 프로젝트 생성
npx create-next-app@latest my-next-app
cd my-next-app
npm install
npm run dev

5. React 개발의 새로운 흐름

CRA 지원 종료는 React 개발 환경의 빠른 변화를 보여줍니다. React 팀은 Next.js와 Vite를 새로운 기본 개발 환경으로 추천하며, 앞으로의 React 개발에서는 이러한 최신 도구를 적극 활용해야 합니다.

6. 결론

한때 React 개발의 표준이었던 CRA는 이제 구식이 되었습니다. Vite나 Next.js 같은 최신 개발 환경으로의 전환이 필수적입니다. 기존 프로젝트는 마이그레이션을 검토하고, 새 프로젝트는 CRA 대신 최신 대안을 선택하는 것이 바람직합니다.

이러한 변화는 React 개발이 더 빠르고 효율적인 방향으로 진화하고 있음을 의미하며, 개발자들도 이에 맞춰 새로운 도구를 적극적으로 받아들여야 할 때입니다.