react - fetch (2)

이전에 자바스크립트
api 연동하는 부분에서
fetch , axios 에 대해서 적었습니다.

Fetch 라는 영어를 해석하면 가져온다는 뜻인데 ,
데이터를 가져오게 됩니다.

https://velog.io/@ash3767/%EC%9E%90%EC%8A%A4jakdu-react-fetch

function getData(name){
 fetch(`주소`)
  .then(function(response) {
    return response.json();
  })
  .then(function(json) {
    console.log(json);
  });
};

//get data
getData('주소 입력해');

이 코드를

async function getDataAsync(name) 
{
  let response = await fetch(`주소`);
  let data = await response.json()
  return data;
}

getDataAsync('주소 입력해')
  .then(data => console.log(data)); 

더 간단해 졌습니다. 그리고 비동기가 아니라 동기 같기도하고..
보기가 좀더 편해졌네요 .

Async / Await 사용이 모든 브라우저에서 완벽하게 지원되는것은 아니므로 인식하고 개발시 요구 사항을 확인을 반드시 확인을 해야합니다.

await 키워드를 사용하여 함수를 호출하려면 async 함수 내에 존재해야합니다.
Promise 객체의 반환을 보다 매끄럽게 처리해 준다.

wecode 위코드