[TIL : 20] fetch API

Today subject : fetch API

fetch API?
非同期要求の典型的なネットワーク要求の例として、最も一般的なのはURLを使用して要求することである.URLでお願いできます

上のような異なるメニューは同じですが、ボックスの情報は刻々と変化しています!(最新ニュースや天気など)この場合は非同期リクエストが必要です.

let url = "https://~ ~ ~";

fetch(url)
  .then((response) => response.json())   // 값을 JSON 형태로 변환
  .then((data) => console.log(data))     // Promise로 전달받아 콘솔에 출력
  .catch((error) => console.log(error));

fetch API-アプリケーション1
上のスクリーンショットのように、最新のニュースと天気情報を受信するコードを作成します.
任意のURLに情報があると仮定します.

上のように、外からニュースを受信し、中から天気を受信し、一番奥からオブジェクトを返す関数を書きました.
最初は戻る最後に同時にJSON.parse()メソッドを適用するときにエラーが続きます.調べてみると、いったん持ってきたら、応答をjson()に戻して、欲しい形に加工することができます.

fetch API-アプリケーション2
以上のコードは利用可能json()
関数では,情報をPromise.allメソッドに変換し,その後json()を用いることで,より短くより明確にすることができる.

fetch API-アプリケーション3
さらに上のコードを作成Promise.all.

あり得ない、あり得ない、時間がもっと短くて、可読性がもっとよくなりました.だから、async/await大事らしい!

それ以外は