[React]vite 기반으로 리액트 프로젝트 생성

새로 나온 리액트의 공식문서에서 따르면, 이제 리액트 프로젝트를 생성할 때 CRA의 사용을 지양한다.

따라서 next.js 또는 Remix, Gatsby와 같은 프레임워크와 함께 만들거나 Vite로 만들 것을 권장한다.

 

프로젝트 생성

npm create vite@latest

yarn create vite

npm 또는 yarn 중에서 선택해서 입력한다.

터미널에서 위의 명령어를 실행하면, 설정할 프로젝트 네임을 입력할 수 있다.

 

프레임워크 선택

React, Vue, Svelte 등 사용할 프레임워크를 선택한다.

 

언어 선택

타입스크립트 or 자바스크립트 선택 가능하며

SWC 빌드 툴도 선택할 수 있다.

 

생성 완료

생성이 완료되었다.

 

npm install을 하면 node_modules 파일이 생긴다.

 

npm run dev하고 링크를 열면 아래의 초기 페이지가 나타난다!

 

 

https://react.dev/learn/add-react-to-an-existing-project

Add React to an Existing Project – React

https://vitejs-kr.github.io/guide/

Vite