生活コード改訂版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を押してローカルアドレスを開きます!

配備の終了