2020.08.11 - fetch

fecth를 이용하여 웹 정보 사용하기

fetch API는 특정 URL로 부터 정보를 받아오는 역할을 한다.

이때 fetch를 통해 얻어온 정보는 Promise상태이다.

고로 then, catch와 같은 메서드를 사용할 수 있다.

fetch('https://v1.nocodeapi.com/codestates/google_sheets/YbFMAAgOPgIwEXUU?tabId=최신뉴스')
.then(data => (data.json())).then(data => {
    console.log(data);
}).catch(err => {
    throw new Error(err);
})

여기서 fetch를 통해 불러온 data는 기본적으로 json메서드가 존재한다.

불편하게 직접 JSON.parse를 해줄 필요가 없는 것..!

다만 json메서드의 return값 또한 Promise이므로 Promise chain을 적절히 구성하여 사용하면 될듯 하다

앞서 언급한 것 처럼 Promise이기 때문에, async / await 키워드를 사용할 수 있다.

Event Loop

아래는 Event Loop에 대해 다룬 youtube영상이다.