본문 바로가기
프론트 엔드/React

create react app 지원 중단

by 코딩의 세계 2025. 3. 7.

출처: OKKY / 김포포님

create react app이 지원 중단에 따라서 새로운 프로젝트의 빌딩 방법을 다르게 해야 한다. 

기존까지는 

npx create-react-app my-app
cd my-app
npm start

이 명령어로 만들게 되었다. 뒤에 my-app이 자신의 프로젝트 이름이 된다. (대문자 금지)

(관련 리액트 글)

https://ko.legacy.reactjs.org/docs/create-a-new-react-app.html

 

새로운 React 앱 만들기 – React

A JavaScript library for building user interfaces

ko.legacy.reactjs.org


이제 이런 방법을 리액트에서는 권장하지 않는다. 다른 방법으로 빌딩해야 한다.

그럼 어떻게 해야 하는가?

하는 방법은 여러 개가 있다. 관련 사항은 밑의 링크를 참고하자. (Next Js로 빌딩 하는 방법도 있는데, 최신의 프론트엔드 시장에서 Next Js는 이제 필수사항으로 바뀌어 갈 것이다. 아님 말고)

https://ko.react.dev/learn/start-a-new-react-project

 

새로운 React 프로젝트 시작하기 – React

The library for web and native user interfaces

ko.react.dev


https://okky.kr/articles/1527414

 

create-react-app 지원종료 | OKKY

https://react.dev/blog/2025/02/14/sunsetting-create-react-app비공식적으로 Deprecation 라고 여겼던 개발자들이 많아서 별 충격은 없으시겠지만.. 아무튼 고생했구려..—————————————————-Create

okky.kr


Vite

https://ziyun.tistory.com/29

 

[React] CRA vs Vite? 왜죠?

[React] React 프로젝트를 어떻게 생성해야 할까? React 프로젝트를 생성할 때, CRA(create-react-app)를 사용하면 아주 편하고 빠르게 시작을 할 수 있었다. 그러나 22년도 이후 CRA 업데이트가 없고, React 공

ziyun.tistory.com

(공식 문서) - ko

https://ko.vite.dev/guide/

 

Vite

Vite, 프런트엔드 개발의 새로운 기준

ko.vite.dev

 

Vite로 React 프로젝트를 빌딩하는 부분을 추가적으로 글을 쓸 예정이다.

'프론트 엔드 > React' 카테고리의 다른 글

리액트 PDF 사용방법  (1) 2025.03.13
Vite로 리액트 프로젝트 시작하기  (0) 2025.03.08
리액트 로딩창 구현  (0) 2025.02.25
리액트 emotion 사용법  (2) 2025.02.23
리액트 zustand란?  (0) 2025.02.21