Notice
Recent Posts
Recent Comments
Link
CodeClover
create-react-app 지원 종료 본문
https://ko.react.dev/blog/2025/02/14/sunsetting-create-react-app
Create React App 지원 종료 – React
The library for web and native user interfaces
ko.react.dev
리엑트 프로젝트 생성 시 사용하던 create-react-app이 앞으로 지원을 멈춘다고 한다..!
npx create-reat-app 프로젝트이름
→ 원래 사용하던 리엑트 프로젝트 생성 방식
BUT ! 앞으로는 vite 같은 빌드툴 사용해서 프로젝트를 생성해야함.
이번 기회에 새로운 방식으로 프로젝트 생성하는 과정을 정리해보려고 한다.
💁♀️ Vite로 React 프로젝트 생성하는 방법
npm create vite@latest 생성할프로젝트명 --template react
cd 생성할프로젝트명
npm install => 기존 CRA 방식과 다르게 노드모듈 따로 설치
npm run dev => npm start 가 아닌 npm run dev로 시작
1️⃣ 명령 프롬프트(cmd) 실행
2️⃣ 프로젝트를 생성할 위치로 이동
3️⃣ 다음 명령어 실행
npm create vite@latest 생성할프로젝트명 --template react
4️⃣ 프로젝트 폴더로 이동
5️⃣ 의존성 설치 (node_modules 추가)
6️⃣ 개발 서버 실행 (npm start 대신 npm run dev)
물론, 아직까지는 npx create-react-app 방식으로 프로젝트 생성에 문제는 없지만 미리 바뀔 방식에 대해서 대비하고 연습하는것도 좋을것 같다. 😊
'Frontend' 카테고리의 다른 글
onclick vs <a> 태그 – 링크 이동, 어떤 방식이 더 좋을까? (1) | 2025.05.08 |
---|---|
자바스크립트 기본 문법 (2) (0) | 2025.04.10 |
[HTML] audio태그 (1) | 2025.01.05 |
[HTML] table태그 정리 ( th / td / tr ) (2) | 2025.01.05 |
npm install error ENOENT(리액트 npm start error) (1) | 2024.08.13 |