[react #1] create-reactp-app 설치

 

 

React는 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리입니다.

 

 

Create React App
Create React App은 React 배우기에 간편한 환경입니다. 

그리고 시작하기에 최고의 방법은 새로운 싱글 페이지 애플리케이션 입니다.

이것은 개발 환경을 설정하고, 최신 JavaScript를 사용하게 해주며, 좋은 개발 경험과 프로덕션 앱 최적화를 해줍니다. Node 8.10 혹은 상위 버전 및 npm 5.6 혹은 상위 버전이 필요합니다. 

 

 

먼저 node를 설치한 상태에서 npm을 이용하여 설치를해보겠습니다. 

새로운 프로젝트를 만들기 위해 아래의 명령어를 실행합니다.

 

저는 미리 workspace로 사용할 위치에 폴더를 만들고 진행하였습니다.

 

 

> npm install -g create-react-app

 

 

이제 create-react-app을 사용하여 리액트 프로젝트를 쉽게 생성할수 있습니다. 

프로젝트명은 대문자와 특수문자등을 사용할수 없습니다.

 

소문자와 하이픈만을 사용하여 프로젝트를 생성해주세요.

필수는 아니고 권고사항입니다.

 

> create-react-app lesserpanda

 

lesserpanda라는 프로젝트명으로 리액트 프로젝트를 생성합니다.

 

 

프로젝트가 생성이 되면 해당 폴더로 이동 후 서비스를 실행합니다.

> cd lesserpanda

> yarn start       

 

 

 

서비스가 정상적으로 실행이 되면 인터넷 브라우저가 

localhost:3000 의 주소로 자동으로 실행이 됩니다.

 

 

만약 Internet Explorer로 실행이 되면다면 크롬으로 실행해 주셔야합니다. 

해당 소스에서는 화살표 함수를 사용하고 있는데 

Internet Explorer에서는 지원을 하지 않아 화면이 보이지 않을 겁니다.