TIL 28 | React Intro
Why React?
Webアプリケーションの開発
html、css、javascriptのみを使用する場合はjQueryなどのメソッドセットを使用します.しかし,Webの複雑化に伴い,従来のメンテナンス方式が制限され,フロントエンドフレームワークやライブラリの使用が開始された.
想定フレームワークは固定フレームワークで開発され,ライブラリはインポートコードによって私のワークスペースで開発された.
大規模なフロントエンドライブラリ×3
はんのう
Node.jsとは何ですか。
JavaScriptをブラウザの外(サーバなど)で実行できる環境です.開発プロジェクトに必要なバーベル、WebパッケージなどはNodeです.jsベースなので必要です.Node.インストールjsはnpmを自動的にインストールします.
npm
CRA(create react app)
反応プロジェクトの開始に必要な開発環境を設定するためのツール
cd Desktop/생성할폴더
npm create-react-app 프로젝트폴더명
cd 프로젝트폴더명
npm start
craの概要
node modules:craを構成するすべてのパケットソースコードが存在する
package.json:cra基本パッケージ以外にインストールされているライブラリ/パッケージ情報を記録するファイル
「dependencies:レスポンスを使用するすべてのパッケージのリストとバージョンを表示できます.
新しいパッケージをインストールする場合:依存項目に自動的に追加されないため、npmにインストールする場合は--saveを入力する必要があります.ex) npm install slider --save
.gitignore:githubにアップロードしたくないフォルダとファイルを作成する
ex)node modulesは重くgithubにアップロードされません.package.jsonでパッケージ名とバージョンを渡すだけです.他のチームメンバーはgitクローン後にnpm installからダウンロードします.
<div id="root"></div>
,1ページアプリケーションなのでhtmlは1つしかありません!ReactDOM.render(<App />, document.getElementById("root"))
,関数には2つのパラメータ(表示する要素、画面に表示する要素の位置)Reference
この問題について(TIL 28 | React Intro), 我々は、より多くの情報をここで見つけました https://velog.io/@dabin0219/TIL-27-React-Introテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol