fetch api 작성법 | api

다음은 원격으로 요청하고, 데이터를 받아올 수 있는 URL이 있습니다.

최신 뉴스
https://v1.nocodeapi.com/codestates/google_sheets/YbFMAAgOPgIwEXUU?tabId=최신뉴스
날씨 정보
https://v1.nocodeapi.com/codestates/google_sheets/YbFMAAgOPgIwEXUU?tabId=날씨&row_id=2
크롬 브라우저의 새 탭을 연 후, 개발자도구의 콘솔에 다음과 같이 입력해보세요.

let url =
  "https://v1.nocodeapi.com/codestates/google_sheets/YbFMAAgOPgIwEXUU?tabId=최신뉴스";
fetch(url)
  .then((response) => response.json()) // 자체적으로 json() 메소드가 있어, 응답을 JSON 형태로 변환시켜서 다음 Promise로 전달합니다
  .then((json) => console.log(json)) // 콘솔에 json을 출력합니다
  .catch((error) => console.log(error)); // 에러가 발생한 경우, 에러를 띄웁니다

[코드] 개발자도구의 콘솔에서 fetch API를 사용하여 데이터를 요청합니다.(주석포함)

위 예제 유추할 수 있듯이, fetch API는 Promise의 형식으로 이루어져 있습니다.

더욱 자세한 내용은 MDN에서 찾아 볼 수 있습니다.