[React] 신규 프로젝트 시작

Create React App은 별도의 구성 없이 최신 빌드 설정을 제공하는 공식 Single-page 리액트 애플리케이션(SPA) 생성 방식을 지원한다. 

이미 webpack, Babel 등의 도구가 구성된 상태로 숨겨져있기 때문에 이를 추가로 설치 또는 구성할 필요 또한 없다.

 

Quick Start - Create React App

• npx

  npx create-react-app 프로젝트 폴더명
  npx는 npm 5.2 이상 버전의 패키지 실행도구로 가장 최신 버전을 지원한다.

• npm

  npm init react-app 프로젝트 폴더명
  npm 6 버전 이상에서 npm init <initializer> 을 지원한다.

• Yarn

  yarn create react-app 프로젝트 폴더명
  yarn 0.25 버전 이상에서 yarn create 를 지원한다.

***Typescript app으로 생성할 경우

npm create-react-app 프로젝트 폴더명 --templete typescript

 

프로젝트 디렉토리 구조

원하는 방식을 통해 프로젝트 폴더를 생성한 후

cd 프로젝프 폴더명

npm start

명령어로 로컬 서버를 시작한다

로컬 서버 구동

http://localhost:3000을 열어 생성된 앱을 확인할 수 있다.

배포 준비가 완료된 앱은  npm run build 로 번들을 생성할 수 있다.

로컬 화면 확인

잘돌아간다.