리액트 프로젝트 생성시 UI만 제공되기 때문에 직접 구축해야하는 것들이 많아 번거로운 점이 있다.
CRA (Create React App)는 Webpack, Babel 등의 도구를 직접 설정할 필요 없이, 기본적인 개발 환경을 자동으로 구성해주기 때문에 많은 개발자들이 사용하는 도구이다. Node.js 설치는 필수이며 IE는 지원하지 않는다 😂
리액트 프로젝트 생성하기
- React
npx create-react-app 폴더명
- React + typescript
npx create-react-app 폴더명 --template typescript
+ 참고로 폴더를 한 번 더 만들지 않고 현재 파일에 생성하고 싶다면
npx create-react-app .
npx create-react-app . --template typescript폴더명 대신 . 을 입력하면 된다
이후 기본으로 생성된 파일 중 사용하지 않을 파일들을 정리하고 추가적으로 필요한 것들을 세팅하여 진행하자!
'React' 카테고리의 다른 글
| React 기초 A-Z 🔎 (0) | 2024.06.05 |
|---|---|
| React Hooks🪝useEffect (0) | 2024.05.31 |
| React Hooks🪝useState (0) | 2024.05.27 |
| 리액트의 가상돔 (Virtual DOM) (0) | 2023.11.08 |
| List 와 Key (0) | 2023.11.01 |
