react 프로젝트를 생성해보자

1. 들어가며

리액트 프로젝트를 생성하기 위해 가장 많이 사용되는 도구 중 하나인
페이스북에서 공식적으로 관리하는 Create React App(CRA)있다.

최근에는 더 빠른 빌드 속도와 간단한 설정을 제공해주는 Vite가 각광받고 있다.

두 가지 방법에 대해 알아보자

2. CRA로 프로젝트 생성하기

CRA(Create React App는 내부적으로 Webpack과 Babel을 사용하며, 별도의 설정을 건드리지 않아도 즉시 개발 환경을 구축할 수 있다.

하지만 내부적으로 Webpack 설정이 복잡하게 감춰져 있어, 커스터마이징에 어렵다.
또한 빌드 시간이 길어질 수가 있고 불필요한 패키지와 설정이 포함되어 있을 수 있다.

yarn create react-app [원하는 프로젝트 이름]
cd react-cra-app
yarn start

3. Vite로 프로젝트 생성하기

Vite는 Vue.js의 개발자인 Evan You가 만든 차세대 프론트엔드 빌드 도구이다.
ES 모듈 기반 개발 서버를 제공하기 때문에 Cold Start(처음 앱을 구동하는 시간)와 HMR(Hot Module Replacement) 속도가 매우 빠르다.

yarn create vite my-react-app --template react
cd my-react-app
yarn
yarn dev