create-react-app 대신 Vite! React 프로젝트 만들기 🚀

jjyu_my·2025년 3월 20일

REACT

목록 보기
6/6
post-thumbnail

👩🏻‍💻 리엑트 공부하면서 vite로 프로젝트 생성법을 알게되었다.
기존에 많이 사용되던 create-react-app은 더 이상 권장되지 않으며, 대신 Vite를 이용해 더 빠르고 효율적으로 프로젝트를 생성할 수 있다.🚀


1️⃣ 프로젝트 폴더 생성 & Vite 설치

📂 프로젝트를 저장할 폴더를 만든 후, 터미널을 열고 아래 명령어를 입력

npm create vite@latest


2️⃣ 프로젝트 이름 입력 & 프레임워크 선택

✅ 프로젝트 이름을 입력한 후 React를 선택


3️⃣ 언어선택

✅ 원하는 옵션을 선택하여 언어 정하기


4️⃣ 프로젝트 생성 완료 & 실행 준비

✅ 선택을 마치면 아래 화면처럼 설치가 진행

✅ 이제 프로젝트 폴더로 이동하고 npm install을 실행

cd 프로젝트이름
npm install


5️⃣ 프로젝트 폴더 확인

📁 설치가 완료되면 폴더 안에 React 프로젝트가 생성된 걸 확인할 수 있다


6️⃣ 프로젝트 실행

✅ 터미널을 열고 아래 명령어를 입력해 프로젝트를 실행

npm run dev


7️⃣ 로컬 서버에서 확인 🌐

✅ 실행 후 터미널에 표시된 Local 주소로 접속하면 React 프로젝트를 볼 수 있다

profile

0개의 댓글