시작하자 React (기초편)! Part 3 - create-react-app

본편에서는, 신속하게 React의 개발 환경을 만들 수 있는 툴을 소개합니다.

create-react-app이란?



create-react-app는 React를 창출하고,
Facebook사가 만든 라이브러리에입니다.

create-react-app는 React 개발시의 배치를 생략 할 수 있으므로,
React 개발은 매우 편리합니다.

↓↓create-react-app 공식 git을 첨부합니다.
create-react-app
관심있는 분을 읽으십시오.

create-react-app를 사용하기 전에



이전 장에서 말한 Node.js를 설치해야합니다.
시작하자 React(기초편)! Part 2 - 환경 구축
또한 설치하지 않은 분은 상기 URL에 참고하십시오.

create-react-app 사용법



설치



 전장에서 소개한 NPM을 사용하여 설치합니다.
이쪽의 -g는 「글로바르」의 g가 됩니다.
-g로 설치하면 그대로 create-react-app 명령을 사용할 수 있게 됩니다.
$ npm install -g create-react-app

글로벌 설치란?
· 로컬 설치(-g 없음)
1. 생성 파일의 ./node_modules 아래에 설치합니다.
2. import를 사용하여 사용할 수 있습니다.

・글로벌 설치(-g 있음)
1./usr/local 또 node의 디렉토리에 인스톨 합니다.
2. 그대로 터미널에 설치된 라이브러리의 명령을 사용할 수 있습니다.

create-react-app로 react 웹 애플리케이션 만들기



아래 명령을 사용하면 신속하게 react 환경의 웹 응용 프로그램을 만들 수 있습니다.
$ create-react-app [ファイル名]

파일은 다음과 같이 생성합니다.
설치


사용법 쓰여져 있습니다.

yarn이란(facebook에는 이쪽을 추천하고 있습니다)
yarn은 npm과 비슷한 패키지 관리자입니다.
흥미가 있는 쪽 이쪽을 봐 주세요.
yarn 참고①
yarn 참고②  
yarn 참고③

이러한 파일 구성이 됩니다.


React로 구성된 웹 애플리케이션을 움직여 보자.



명령으로 설치한 파일의 디렉토리로 이동하여
아래 명령을 입력합니다.
$ npm start

또는
$ yarn start

를 실행하면 기본적으로 http://localhost:3000 로 연결됩니다.


Welcome to React 표시하면 React를 무사히 실행했습니다.

마지막으로



create-react-app은 어떻습니까?
상당한 속도로 react 환경을 시작할 수 있습니다.
여기까지 읽어 주셔서 감사합니다.

다음에는 이번에 만든 파일에 대해 자주 사용하는 부분을 해석해 갑니다.
흥미가 있는 분 꼭 봐 주세요! !

좋은 웹페이지 즐겨찾기