用意する。

Node.jsインストール

JavaScriptパッケージマネージャでcraet-react-appをインストールするには、Node.jsまたは糸を取り付けます.参考までに、ノード.jsは基本的にnpmを含む.

Node.js公式ホームページ

Yarn公式ホームページ

create-react-app

設定

Node.jsまたはsayがインストールされている場合は、フェイスブックに基本開発環境のcreate-react-appをインストールするには、次のコマンドを使用します.

# NPM으로 설치
$ npm install -g create-react-app 

# Yarn으로 설치
$ yarn global add create-react-app

使用

次のコマンドを使用して、必要な依存性をダウンロードし、フォルダにreactプロジェクトを作成します.

$ create-react-app <프로젝트 폴더명>

次は、上から出力されたCRAコマンドです.

yarn/npm start:開発中のコンテンツをローカルサーバを介してブラウザに表示する.

yarn/npm build:容量を最適化した生産コードにする.

・yarn/npm test:当該項目のテストを行う.

・yarn/npm eject:CRAが基本的に提供するツールや環境を削除し、同じ依存性をコピーします.つまり、CRAのほかにライブラリを追加したり削除したりすることもできます.

完了yarn start次の基本ページを開きます.

プロジェクト構造

CRAを使用してプロジェクトを作成するには、次のディレクトリ構造があります.