生活コード改訂版2022改訂版1日目
反応とは?
このコード
<header>
<h1>
<a href = "/">web</a>
</h1>
</header>
↓↓↓↓↓↓↓↓
<Header></Header>
이렇게 바꿀 수 있다!
カスタムラベルを作成することがコアです.2.実習環境の構築
https://ko.reactjs.org/
はんのうサイト
最初のノード.jsをインストールする必要があります.
https://nodejs.org/ko/
Node.jsサイト
インストールが完了したら、vscodeを開き、フォルダを指定します!
端末を開く
npx create-act-appフォルダ名
完成したらそのままフォルダが
反応を動かせ!
npm start/レスポンスのコマンドを実行する
IMG完了
ソースコードを変更するには:
1.index.js
反応フォルダを作成すると、
srcフォルダには複数のファイルが存在します.
インデックス.jsはnpmを起動したときに現れた画面です.
現在のインデックス.js上は同じパス上のAppです.jsをインポートしました.
2.App.js
App.jsを開くと、コードはこのように組織されます.
普段使っているHTMLと似ていますが、関数に囲まれていますか?
[ここでUIを編集して作成する]
cssの適用方法
HTML에서는 ??
<link rel="stylesheet" href="경로">
React에서는 ??
위에서 import를 해주어야 한다.
import '경로/이름.css';
3.配置方法npm run build[ファイル配布]
ではbuildというフォルダがあります.
分散ファイルを開くには
npx serve -s build
ctrlを押してローカルアドレスを開きます!
配備の終了
Reference
この問題について(生活コード改訂版2022改訂版1日目), 我々は、より多くの情報をここで見つけました https://velog.io/@dltjdgns3z/생활코딩-React-2022-개정판-1일차テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol