본문 바로가기
TIL/react

React 프로젝트 생성 CRA(Create-React-App)

by 밈니 2022. 3. 13.
반응형

vscode - 터미널 - 새터미널

ctrl + ~ : 터미널 열기

CRA(Create-React-App) : 리액트 프로젝트를 시작하는데 필요한 개발 환경을 세팅 해주는 도구

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

 

Getting Started | Create React App

Create React App is an officially supported way to create single-page React

create-react-app.dev

 

npx create-react-app 프로젝트명 / yarn create react-app 프로젝트명

cd 프로젝트명

npm start or yarn start - 실행

 

CRA 명령어

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

  • start → React 프로젝트 개발 서버를 시작합니다.
  • build → 배포를 위해 앱을 정적(Static) 파일로 번들(Bundle) 합니다.
  • test → 테스트 러너(Test Runner)를 시작합니다.
  • eject → 사용자 정의 구성(예: Webpack)을 직접 수행할 수 있도록 프로젝트를 준비합니다.
반응형

'TIL > react' 카테고리의 다른 글

React PropTypes 타입 검사  (0) 2022.03.14
VS Code 리액트 자동완성 플러그인 추천  (0) 2022.03.06
React를 위한 ES6 문법  (0) 2022.03.06

댓글