intro & setup
intro
1.node.jsインストール(ホームページ上.インストール確認:node-v/npmインストール確認:npm-v)
2.コンソールにnpm npx-gをインストールする(インストール確認:npx-v)
3.VSCのインストール(他のコードエディタを使用可能)
4.gitインストール(インストール確認:コンソール上のgit-version)
SETUP
1.0 Creating your first React App
-cmdでnpxを使用してレスポンスアプリケーションを作成する(npx create-act-appフォルダ名)
-インストール後にcodeフォルダ名を入力すると、VCODEはHARANフォルダディレクトリに開きます.
1.1 Creating a Github Repository
-githubで新しいレポートを作成
-Repisitoryを作成した後、movie appのターミナルウィンドウで
1.git init
2.git remote add origine新Repository url
3.git add .
4.git commit-m"コミットメッセージ"(ex)git commit-m"#1.0 creating your first react app"
5.git push origin masterを入力しgithub Repositoryウィンドウをリフレッシュすると、movie appフォルダがアップロードされます.
1.2 How does React work?
-reactは、私たちが使用するすべての要素を生成します.jsで作成しhtmlにプッシュします.
-reactはソースコードからインデックスを開始します.htmlファイルに入れずにhtmlをhtmlに追加または削除する方法を知っています.したがって、appは空のhtmlをロードした後、reactがコンポーネントで作成した内容をhtmlにプッシュします.
-index.jsはappです.jsをインポートしてインポートした後ReactDOM.render(<React.StrictMode>
<App /></React.StrictMode>,document.getElementById('root'));
appを通ります.jsコンポーネントにElementById「rood」を内蔵します.
-ReactDOM.render()関数は、指定したHTML要素の内部に指定したHTMLコードを表示するための2つのパラメータを使用します.
-反応価app.jsのコンポーネントを#ルートに置いて展示しています.したがって、reactは、ロード時に仮想ドメインreactを使用してhtmlを表示します.これも反応が速い原因です.
-ページソースの結果を表示します.空のルートしか見えません.見えないのはhelloの空のインデックスがないからです.htmlファイルを見ているからです.
Reference
この問題について(intro & setup), 我々は、より多くの情報をここで見つけました
https://velog.io/@minj9_6/React-JS
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
1.0 Creating your first React App
-cmdでnpxを使用してレスポンスアプリケーションを作成する(npx create-act-appフォルダ名)
-インストール後にcodeフォルダ名を入力すると、VCODEはHARANフォルダディレクトリに開きます.
1.1 Creating a Github Repository
-githubで新しいレポートを作成
-Repisitoryを作成した後、movie appのターミナルウィンドウで
1.git init
2.git remote add origine新Repository url
3.git add .
4.git commit-m"コミットメッセージ"(ex)git commit-m"#1.0 creating your first react app"
5.git push origin masterを入力しgithub Repositoryウィンドウをリフレッシュすると、movie appフォルダがアップロードされます.
1.2 How does React work?
-reactは、私たちが使用するすべての要素を生成します.jsで作成しhtmlにプッシュします.
-reactはソースコードからインデックスを開始します.htmlファイルに入れずにhtmlをhtmlに追加または削除する方法を知っています.したがって、appは空のhtmlをロードした後、reactがコンポーネントで作成した内容をhtmlにプッシュします.
-index.jsはappです.jsをインポートしてインポートした後
ReactDOM.render(<React.StrictMode>
<App /></React.StrictMode>,document.getElementById('root'));
appを通ります.jsコンポーネントにElementById「rood」を内蔵します.-ReactDOM.render()関数は、指定したHTML要素の内部に指定したHTMLコードを表示するための2つのパラメータを使用します.
-反応価app.jsのコンポーネントを#ルートに置いて展示しています.したがって、reactは、ロード時に仮想ドメインreactを使用してhtmlを表示します.これも反応が速い原因です.
-ページソースの結果を表示します.空のルートしか見えません.見えないのはhelloの空のインデックスがないからです.htmlファイルを見ているからです.
Reference
この問題について(intro & setup), 我々は、より多くの情報をここで見つけました https://velog.io/@minj9_6/React-JSテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol