0、開発環境の準備

Windows 10での開発(Mac OSへの切り替えとMac OSのインストールの追加)

Node.js

Yarn

VS Code

(Windows only) Git Bash

Node.js

Node.js公式ホームページに接続し、左側のLTSバージョンをインストールします.

Yarn

Yarn公式ホームページでは、Install Yarnページを参照してインストールします.

段、npmが熟知していれば、糸の取り付けをスキップすることができます.npmは糸と同じ役割を果たすからである.

VS Code

公式サイトを参照して、VSコードというエディタを設定します.

(For Windows) Git bash

Git bashでは、cmdで実行できないコマンドを実行できます.
Git for Windowsをインストールしましょう.

1.レスポンス項目の作成

環境の準備が正常であれば、今から反応プログラミングの準備ができています.簡単なコマンドを実行することで、必要な基礎設定を持つ応答テンプレートを作成します.この動作を「新しいレスポンスプロジェクトの作成」と呼びます.
Macユーザは端末を使用し,WindowsユーザはGit Bashを使用する.目的のディレクトリに移動し、次のコマンドを実行します.create-react-appは応答項目を作成するコマンドで、begin-reactは私が作成する項目名です.自分の好みで項目名を変更することができます.

$ npx create-react-app begin-react #begin-react 원하는 프로젝트명을 넣어보세요!  

次に、このディレクトリはbegin-reactというディレクトリを作成し、反応項目を作成します.次に、begin-reactディレクトリに入り、reactプロジェクトを開始します.

$ cd begin-react
$ yarn start #또는 npm start

追跡に成功した場合、Git bashはウィンドウに次の内容を表示し、正常に実行されたことを通知します.このメッセージが表示されると、「ローカル」が私たちの反応項目を実行したことを示します.したがって,反応項目のアドレスもローカルホストである([http://localhost:3000](http://localhost:3000).
(質問:ローカルホストではなくドメイン名を使用して導入できますか?プロジェクトが進むにつれて、導入フェーズになると自然にわかります)

その後、ブラウザが自動的に開き、ページの1つが反応バッジに戻ります.以下に示す.

注意：VSコードで端末を空にする（WindowsユーザーはGit Bash）

端末は、VS Code Editor内部で解放することができる.これにより、個別のターミナルウィンドウを開く必要がなく、エディタ1つでコード作成とプロジェクト実行を完了できます.
VSコードを開き、React Projectがあるディレクトリを開き、上部メニューのView→Terminal(ビュー→端末)を選択します.
Windowsユーザーの場合は、次の手順に従います.VSコード内部でGit Bashを使用する場合は、設定に入りGit Bashパスを指定する必要があります(Windowsは少し複雑なのでMacが良いです)

VSコードを開きます.

3つのキー

CTRL+SHIFT+Pを同時に押すと、検索ウィンドウが表示されます.

そこでPreferences: Open Settings (UI)(ハングルは(기본 설정: 설정 열기(UI)))を検索します.次に、[検索結果](Search Results)をクリックして[設定](Setup)メニューが表示されることを確認します.

「

設定」メニューで「端末」を検索し、「端末>外部:Windows Exec」でGit Baseファイルのパスを入力します.
*このファイルのパスはユーザーによって異なります.自分のパソコンにGit Bash exeがインストールされている経路を確認してください.