コードキャンプ4日目

1.同期と非同期->Async-Await
2.変数、関数がおかしい->Holist
3.VSCDEでデータを転送します!->Apollo-Client/Mutation

同期と非同期

動機.

サーバコンピュータは、次のタスクの完了を待つ通信

順番に仕事をするときは

を使用します.
非同期

サーバコンピュータは、動作が終了するまで通信を待たない

.

各種作業を同時に行う場合は

を用いる.

VSCDEでの非同期

const data = axios.get("https://koreanjson.com/posts/1")
console.log(data)  //Promise

axios.get("https://koreanjson.com/posts/1"")<-リクエストセクション
axios=非同期ライブラリ
なぜPromiseに戻るのですか?
非同期であるため、送信値の承諾のみが受信され、値が要求されず、登録が待機します.

動機。

async/awaitコマンドで非同期->同期を切り替えることができます(選択不要)

async funcion 함수이름(){
	const data = await axios.get("https://koreanjson.com/posts/1")
	console.log(data) //{id:1, itite:"~~", .....}
}

ホスティング

jsは、コードを上から下へ実行します.これにより、順序が明確になります.
間違いを防ぐためです.
しかし、初期のjsはこれらの面でまだ不足していた.

function hello(){
    console.log("안녕하세요")
}

function hello(){
    console.log("반갑습니다.")
}
hello()
    

同じコードを実行すると、次の「お会いできて嬉しいです」が表示されます.値段を下げた.
すなわち,上のhell()関数が無視される現象が現れた.
それに比べて

const hello = () =>{
    console.log("안녕하세요")
}

const hello = () =>{
    console.log("반갑습니다.")
}
hello()
    

コードのようにconstを使用する矢印関数では、hello()値は返されません.
エラーが発生し、衝突を防止します.
これはcont/letがTDZに属する関数であるためである.
たとえばvarのデフォルト値はundefinedなので、複数の変数を入力しても「値」があります.
と判定され、重なって結果が出る.
対照的にconst/letは初期値を持たないため、重複しない個別の値を設定する必要があります.
Hoistingは「アップロード」という意味の単語で、コードは逆順に読み取ることができます.これは間違い現象で、最近の次のステップです.jsバージョンはこれにパッチを適用しています.

_app.js

ページフォルダ内のすべてのページの設定場所.

function MyApp({ Component, pageProps }) {
  return <Component {...pageProps} />
}

のreturn<コンポーネント{..pageProps}は、実行するページのコンポーネントが実行されていることを示します.

APIリクエスト

cont[実行関数()]=useMutation()