React 프로젝트 생성하기

React 프로젝트 생성

- 리액트 프로젝트는 간단한 명령어 하나로 생성할 수 있다.

- npm 혹은 yarn 을 이용하여 프로젝트를 생성한다.

 

yarn

- yarn은 npm을 대체할 수 있는 도구로 npm 보다 더 빠르며 효율적인 캐시 시스템과 기타 부가 기능을 제공한다.

- yarn은 npm을 이용하여 설치할 수 있다.

# yarn 설치
$ npm install -g yarn

# 설치 확인
$ yarn --version

 

프로젝트 생성

- yarn 을 설치했다면 다음 명령어를 통해 React 프로젝트를 생성할 수 있다.

 

$ yarn create react-app [프로젝트명]

 

- yarn을 이용하지 않는다면 npm 명령어를 이용해서 설치할 수도 있다.

 

$ npm init react-app [프로젝트명]

 

- 위 두 명령어 중 하나를 이용했다면 입력한 프로젝트 명의 폴더가 생성되었을 것이다. 생성된 폴더는 명령어를 입력한 위치에 존재할 것이다.

- 프로젝트 폴더가 생성되었다면 해당 폴더로 이동하여 다음 명령어를 입력하여 React 프로젝트를 실행할 수 있다.

# yarn을 사용했다면...
$ yarn start

# npm을 사용했다면...
$ npm start

 

- 프로젝트를 실행하면 3000번 포트로 서비스되고 있을 것이다. 다음 주소로 접속할 수 있다.

http://localhost:3000