2022_01_20

「」の変更

input typeにはreadonly、disabledが入力を阻止するために使用されます.

障害者は室内の窓自体の色を変えます.

「修正」(Modify)をクリックして「Write」(Write)コンポーネントに移動する場合は、既存の値を出力するためにqueryを行う必要があります.
:writeコンポーネントをqueryすると、変更せずに入るとコンソールに400エラーが発生します.
->したがってedit component indexでクエリーし、propsに値を渡す必要があります.

変更値を入力しない場合は、ステータスが「」に初期化されているため、「」が出力されます.
トラブルシューティング方法

default value=state初期値

変異時に変更のみ送信
->2番は有効な方法で、1番は使用しません.

⚙︎ Type Script

JavaScriptにタイプを強制する言語
:typeを指定しないと、大きなサービスほど何が起こるか分からないからです.
使用例

let aaa: string = "안녕하세요"
let bbb: number = 123

aaa = 345 // error
bbb = "haha" // error

データ型を作成するには、私たちが必要です.

Interface IProfile {
	name: string;
	age: number;
}

let profile: Iprofile = {name: "철수", age: 13}

-devコマンド
:devDependenciesにインストールします.

依存:ブラウザで実行するために必要な

devDependencies:開発時にVscodeで必要、実行時に必要ありません.デフォルトでは、ブラウザはhtml、css、jsのみを読み込むため、実行時TSもJSに変換されます.

tsconig.json
:デフォルトでは、tsconfigは設定に使用されます.jsonを設定する必要があります.(docを参照)
->nextのデフォルトはtsconfigです.jsonが存在するフォルダで糸devを行うと自動的に設定されます.
-strictをtrueに変更すると、より厳密に使用できます.(置き換えて続行)

ターミナルサービスファイルの作成

:基本的な拡張子はtsです.index.ts
この場合、returnの下部でjsxを使用するとエラーが発生します.
デフォルトでは、jsxは拡張子jsxでなければなりませんが、jsと統合され、jsでファイルを作成するときにエラーはありません.
ただし、tsはまだ統合されていないため、tsとjsxを同時に使用するには、拡張子をtsxに設定する必要があります.
— index.tsx

戊型推論

:任意の変数を設定し、初期値を設定し、タイプを自動的に推定して適用します.

⚙︎ String | Number

:TSでタイプを指定する場合、string|numberを使用してor演算子として機能します.

文字列|number:文字または数値タイプ

(文字列|番号)[]:配列内の文字または数字

(string[]|number[]):配列は数字または文字のみで構成され、**オブジェクトは基本的にタイプ推論によってキー値データ型を付与します.
しかし、私が望むデータ型を与えるために、インタフェースでデータ型オブジェクトを作成する必要があります.

** ?

데이터타입 객체를 만들때 key와 벨류를 설정하게 되면 value가 무조건 들어와야한다.

하지만 그렇지 않은 경우도 많기에 key값 뒤에 ? 를 붙여야한다.