React.js 개발 준비

1397 단어 homebrewReactNode.js

React.js 개발 준비까지



환경
MacOS Mojave 10.14.5

React.js 도입 방법


  • CDN 사용
  • npm install
  • create-react-app
  • create-react-app는 라이브러리, 빌드 도구 (webpack/Babel) 및 개발 서버까지 제공됩니다. 이번에는 3을 사용한다.

    Node.js 설치



    Mac에서 설치하는 방법은 아래 참조
    Homebrew + nodebrew로 Node.js 설치

    yarn 설치



    npm이라도 좋지만, yarn을 넣어 둔다 (via homebrew)
    $ brew install yarn
    

    create-react-app 설치


    $ yarn add create-react-app
    

    앱 만들기


  • 프로젝트 디렉토리 만들기
  • 만든 디렉터리로 이동
  • 명령 실행
  • $ mkdir {project_dir}
    $ cd {project_dir}
    $ npx create-react-app {your_app_name}
    

    개발 서버 시작


  • 만든 앱 디렉토리로 이동
  • yarn start 실행
  • $ cd {your_app_name}
    $ yarn start
    

    localhost:3000에 액세스



    다음과 같은 화면이 표시됩니다.



    보충



    개발 서버 중지는 Ctrl + C

    좋은 웹페이지 즐겨찾기