react project를 CRA >>vite로 생성하기

 

 

2023년 이후로 React 공식 문서에서는 더 이상 create-react-app(CRA)를 권장하지 않습니다. 예전에는 npx create-react-app 명령어로 손쉽게 React 프로젝트를 시작할 수 있었지만, 최근에는 이 방법이 최신 Node.js 환경에서 제대로 동작하지 않거나, 최신 React 기능을 지원하지 않는 경우가 많아졌습니다. 그 이유는 크게 세 가지로 정리할 수 있습니다.

첫째, create-react-app의 유지보수가 사실상 중단되었습니다. CRA는 한때 React 앱을 빠르게 시작할 수 있는 표준 도구였지만, 최근에는 업데이트가 거의 이루어지지 않고 있습니다. 이로 인해 React의 최신 기능이나 새로운 웹 개발 트렌드를 반영하지 못하고 있습니다.

둘째, Vite, Next.js, Remix 등 더 빠르고 현대적인 개발 도구들이 등장했습니다. 이들 도구는 CRA보다 훨씬 빠른 개발 서버 속도와 빌드 성능을 제공하며, React의 최신 기능을 더 잘 지원합니다. 예를 들어, Vite는 번들링 속도가 매우 빠르고, Next.js는 서버 사이드 렌더링과 정적 사이트 생성 등 다양한 기능을 기본으로 제공합니다.

셋째, React 공식 홈페이지에서도 이제는 CRA 대신 Vite, Next.js 등을 사용하도록 안내하고 있습니다. 실제로 React의 공식 문서에서 “새로운 프로젝트를 시작할 때는 Vite, Next.js, Remix 등을 고려하라”고 명시하고 있습니다.

따라서, 2025년 현재 React로 새로운 프로젝트를 시작하려면 create-react-app 대신 Vite나 Next.js를 사용하는 것이 좋습니다. 예를 들어, Vite를 사용하려면 터미널에서 npm create vite@latest my-app -- --template react 명령어를 입력하면 됩니다. 이렇게 하면 최신 개발 환경에서 React 앱을 더 빠르고 효율적으로 개발할 수 있습니다.

정리하자면, create-react-app은 더 이상 React 생태계에서 표준이 아니며, 최신 도구를 사용하는 것이 앞으로의 웹 개발에 더 적합합니다. React를 처음 시작하거나 새로운 프로젝트를 준비한다면, 공식 문서의 권장 도구를 활용해보세요.

 

 

---

 

Vite를 사용해 React 프로젝트를 시작하는 방법은 매우 간단합니다. 아래는 Windows 환경에서 Vite로 React 앱을 만드는 예시입니다.

Node.js 설치
먼저 Node.js가 설치되어 있어야 합니다. nodejs.org에서 설치 파일을 받아 설치하세요.

Vite로 프로젝트 생성
명령 프롬프트(또는 터미널)를 열고 아래 명령어를 입력합니다.

npm create vite@latest my-vite-app -- --template react

여기서 my-vite-app은 원하는 프로젝트 폴더 이름으로 변경할 수 있습니다.

프로젝트 폴더로 이동

cd my-vite-app

의존성 설치

cd my-vite-app

개발 서버 실행

npm run dev

 

명령어를 실행하면 개발 서버가 시작되고, 브라우저에서 http://localhost:5173 으로 접속하면 React 앱을 확인할 수 있습니다.

 

 

 

---

https://thekkom.tistory.com/289

javascript:: convert from Create-React-App to Vite (스크랩)

 

 

https://thekkom.tistory.com/287

javascript:: vite로 시작하기 _npm create vite@latest

 

 

 

 

 

 

_