리액트) 뭐? 리액트 프로젝트 생성할 때 사용했던 npx create-react-app 이거 이제 못 쓴다고?! 그러면 어떻게? -> 'Vite' !!!

https://react.dev/blog/2025/02/14/sunsetting-create-react-app

Sunsetting Create React App – React

 

리액트 프로젝트 생성 할 때, 

npx create-react-app 프로젝트이름

 

요렇게 npx create-react-app 프로젝트이름 을 이용해서 생성했는데 , 

이게 서비스를 종료한다!!!!!!!! 

 

놀란 점)
- 와우, 이게 무슨 서비스 였구나... 나는 그냥 쓰면 되는건 줄 알았네

https://react.dev/blog/2025/02/14/sunsetting-create-react-app#deprecating-create-react-app

Sunsetting Create React App – React

 

: 쉽게 시작할 수 있지만, 고성능 프로덕션 앱을 빌드하기 어렵게 만드는 몇 가지 제한 사항이 있다한다. 

 -> 이를 프레임워크로 진화해서 해결함. 

      그러나 관리자가 없었고, 여러 문제를 해결하는 프레임워크가 많기에 Create React App을 더 이상 사용하지 않기로 한다!? 

 

이제 Create React App을 이용해서 리액트를 실행 (새 앱을 설치)한다면 아래와 같은 중단 경고가 표시된다!!!!! 

create-react-app is deprecated.

You can find a list of up-to-date React frameworks on react.dev
For more info see: react.dev/link/cra

This error message will only be shown once per install.

 

 

이미 Create React App으로 만들어진 앱은 마이그레이션하는 것을 추천! 

 

'Vite'로 프로젝트를 생성! 

 

 

(이미 CRA를 통해 만든 프로젝트를 VITE로 이동하는 법!! )

https://www.robinwieruch.de/vite-create-react-app/

Migrate to Vite from Create React App (CRA)

 

- VITE 최신버전 이용하여 리액트 프로젝트 생성하기

npm create vite@latest 프로젝트명 --template react

-> 생성 프로젝트 라이브러리 선택지 나온다. 

    -> 현재 나는) react 선택 / javascript 선택

 

- 리액트 프로젝트 실행해보자

-> 프로젝트 디렉토리로 이동 후, VScode 실행

cd 프로젝트명
code.

 

- 비쥬얼 스튜디오 터미널 실행 후,

    -> node_module 설치 

    -> 생성된 리액트 브라우저에서 실행하기 

npm install   (node_module 설치 명령)
npm run dev