오늘은 네트워크 요청을 할 때 사용하는 fetch API에 대해 알아보려고 한다.
네트워크를 통해 이뤄지는 요청은 그 형태가 다양하다. 그 중에는 URL로 요청하는 경우가 가장 흔하다고 할 수 있는데 URL로 요청하는 걸 가능하게 해 주는 API가 fetch API이다.
let url =
"https://v1.nocodeapi.com/codestates/google_sheets/YbFMAAgOPgIwEXUU?tabId=최신뉴스";
fetch(url)
.then((response) => response.json())
.then((json) => console.log(json))
.catch((error) => console.log(error));
fetch API는 Promise의 형식으로 이루어져 있다.
fetch()에 url을 넣어줘서 .then(response)으로 url의 값을 response.json() 메소드를 사용하여 JSON 형식으로 바꿔줄 수 있다. JSON형식으로 변환시킨 후 .then(json)을 사용하여 다음 Promise로 전달한다. .catch()를 사용하여 만약 에러가 발생할 경우에는 에러를 출력한다.