TIL 3일차 : Fetch

오늘은 Fetch 에 대해서 알아봅시다.

우선 Fetch의 기본 골격을 보자면 이러합니다.

fetch1 ( URL를 입력 ).then(res => res. json())
.then(data => {
}

그러면 Fetch 를 가지고 실제 데이터를 추출해보겠습니다.

미세먼지 OpenAPI

http://spartacodingclub.shop/sparta_api/seoulair

url를 변수로 사용해서 링크 대신 변수를 사용하고 해당 링크 접속시 웹 통신 요청을 보내어
필요한 값을 추출합니다. 현재 필요한 값은 ['RealtimeCityAir']['row'][0]

RealtimeCityAir 탭에서 row 의 첫번째 값을 추출합니다.

실제 vs code를 이용해서 console 창을 이용해 보겠습니다.

다음과 같이 코드를 입력하고 console 창을 확인해 보겠습니다.

이렇게 값이 추울되는 것을 볼수 있습니다.