📌 TIL 001 : React
記録反応開始TIL
私はフロント国費コースを通って反応を学びましたが、コースが終わるまで本当に短くて深く勉強できませんでした.講義が終わるとreactの勉強も延期され、現在は虫が新しく入ったpublisherで生計を立てており、会社の発展に伴い、react技術者に対する需要がますます大きくなり、多くの場所で既存のサイトをreact化していると感じています.
まだあります.
どこにいても開発団は反応剤を使い始め、順調に開発するために反応が必要になる時が来た.이젠 정말 더이상 미룰 수 없어! 리액트로 퍼블리싱을 해야만 한다!
그래서 시작한다. 오늘부터 열심히 TIL 기록하기
👩🏻💻 きどうはんのう
開始前...npmが反応項目をインストールする方法もあるが,講義内容に応じてunpkgリンクをHTMLに呼び出して符号化する.<script crossorigin src="https://unpkg.com/react@17/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script>
<body></body> 내에서 다음과 같이 호출
DOMでコンテンツを描画するための空のdivラベルを作成します.<div id="root"></div>
📓 Javascript構文
反応法を使う前に、まず一般的なVanilla Js方式でdivラベルに挨拶して、World!h 1ラベルを追加します.const rootElement = document.querySelector("#root");
const element = document.createElement("h1");
element.textContent = "Hello, World!";
rootElement.appendChild(element);
いろいろな方法がありましたが、授業内容によって書きました.
上のスクリプトを説明します.
rootElementというidを持つdivタグをrootElement変数名として宣言し、element変数名を使用してh 1タグを作成します.
h 1とマークされた要素にテキストHello,Worldを表示!これを入れ、h 1(メタ)タグをdiv#root(rootElement)に入れます.
という内容になります.
DOM構造を確認すると、次のような変化が見られます.<div id="root">
<h1>Hello, World!</h1>
</div>
Reference
この問題について(📌 TIL 001 : React), 我々は、より多くの情報をここで見つけました
https://velog.io/@seonhu93/TIL-Fast-Campus-React-01
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
이젠 정말 더이상 미룰 수 없어! 리액트로 퍼블리싱을 해야만 한다!
그래서 시작한다. 오늘부터 열심히 TIL 기록하기開始前...npmが反応項目をインストールする方法もあるが,講義内容に応じてunpkgリンクをHTMLに呼び出して符号化する.
<script crossorigin src="https://unpkg.com/react@17/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script><body></body> 내에서 다음과 같이 호출<div id="root"></div>📓 Javascript構文
反応法を使う前に、まず一般的なVanilla Js方式でdivラベルに挨拶して、World!h 1ラベルを追加します.
const rootElement = document.querySelector("#root");
const element = document.createElement("h1");
element.textContent = "Hello, World!";
rootElement.appendChild(element);上のスクリプトを説明します.
rootElementというidを持つdivタグをrootElement変数名として宣言し、element変数名を使用してh 1タグを作成します.
h 1とマークされた要素にテキストHello,Worldを表示!これを入れ、h 1(メタ)タグをdiv#root(rootElement)に入れます.
という内容になります.
DOM構造を確認すると、次のような変化が見られます.
<div id="root">
<h1>Hello, World!</h1>
</div>Reference
この問題について(📌 TIL 001 : React), 我々は、より多くの情報をここで見つけました https://velog.io/@seonhu93/TIL-Fast-Campus-React-01テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol