[React] Create-React-App (CRA) 기초 정리 및 개발환경 구축!!

CRA(Create-React-App) 이란?

리액트 프로젝트를 시작하는데 필요한 개발 환경 세팅을 쉽고, 간단하게 구축해주는 것입니다.

https://create-react-app.dev/docs/getting-started/

​

react

 

CRA 명령어

Create React App을 사용해 스캐폴딩 된 프로젝트는 다음의 4가지 명령어를 제공

· start → React 프로젝트 개발 서버를 시작

· build → 배포를 위해 앱을 정적(Static) 파일로 번들(Bundle)

· test → 테스트 러너(Test Runner)를 시작

· eject → 사용자 정의 구성(예: Webpack)을 직접 수행할 수 있도록 프로젝트를 준비

​

​

CRA 사용법

1. npx create-react-app 프로젝트명(카멜표기법, 띄어쓰기 작성x) 혹은 yarn create react-app 프로젝트명

2. 생성된 폴더로 이동

3. npm start 혹은 yarn start

​

4. 서버 종료 ctrl + c