[스터디 - 리액트를 다루는 기술] 1주차 - Create React App

리액트에서 프로젝트 생성 방법인 Create-react-app에 대해 알아보고자 합니다.

 

리액트에서 Create-react-app은 리액트 프로젝트를 생성할 때 필요한 웹팩, 바벨의 설치 및 설정 과정을 생략하고 바로 간편하게 프로젝트 작업 환경을 구축해 주는 도구입니다. 나중에 설정을 커스트마이징 해야하면 자유롭게 설정을 변경할 수도 있습니다.

 

프로젝트 생성하기

프로젝트는 npm / yarn 두가지로 생성할 수 있습니다.

 

이 도구를 사용하는 명령어는 다음과 같습니다.

$ npx create-react-app <프로젝트 이름>

 

# yarn 을 사용하는 경우 에는 다음과 같이 명령어를 입력합니다.

$ yarn create react-app <프로젝트 이름>

 

프로젝트 생성이 완료되면 다음 명령어를 입력하여 프로젝트 디렉터리로 이동한 뒤 리액트 개발 전용 서버를 구동할수 있습니다.

$ cd <프로젝트 명>

$ yarn start
$ npm start ( yarn 사용 X 일때 )

 

create react-app

위의 과정을 수행하면 다음과 같은 화면이 나타납니다.