시작하자 React (기초편)! Part 3 - create-react-app
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 환경을 시작할 수 있습니다.
여기까지 읽어 주셔서 감사합니다.
다음에는 이번에 만든 파일에 대해 자주 사용하는 부분을 해석해 갑니다.
흥미가 있는 분 꼭 봐 주세요! !
Reference
이 문제에 관하여(시작하자 React (기초편)! Part 3 - create-react-app), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/ShowJs/items/06e2c6deb655a50c9aa9
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
이전 장에서 말한 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 환경을 시작할 수 있습니다.
여기까지 읽어 주셔서 감사합니다.
다음에는 이번에 만든 파일에 대해 자주 사용하는 부분을 해석해 갑니다.
흥미가 있는 분 꼭 봐 주세요! !
Reference
이 문제에 관하여(시작하자 React (기초편)! Part 3 - create-react-app), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/ShowJs/items/06e2c6deb655a50c9aa9
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
$ npm install -g create-react-app
$ create-react-app [ファイル名]
$ npm start
$ yarn start
create-react-app은 어떻습니까?
상당한 속도로 react 환경을 시작할 수 있습니다.
여기까지 읽어 주셔서 감사합니다.
다음에는 이번에 만든 파일에 대해 자주 사용하는 부분을 해석해 갑니다.
흥미가 있는 분 꼭 봐 주세요! !
Reference
이 문제에 관하여(시작하자 React (기초편)! Part 3 - create-react-app), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/ShowJs/items/06e2c6deb655a50c9aa9텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)