axios / fetch

axios

공공데이터 활용

npm install axios

import axios from "axios";

예시

  getWeather = async(areaCode) => {
      const { data } = await axios.get(
      `http://openapi.seoul.go.kr:8088/${API_KEY}/xml/ListAirQualityByDis
      trictService/1/5/${areaCode}/`
      );
      console.log(data);

    }
    getWather = async (areaCode) => {
      const { data } = await axios.get(
        `http://openapi.seoul.go.kr:8088/${API_KEY}/xml/AreaQltwtrSttus/1/5/${areaCode}/`
        );
        console.log(data);
    }

fetch

axios대신 사용하는 방법

따로 라이브러리를 import 안해도됨

response timeout API 제공안됨

지원안하는 브라우저 있음

ex> 예시 소스

  getWeather = async guCode => {
    let url = `${API_URL}/${API_KEY_WEATHER}/xml/ListAirQualityByDistrictService/1/5/${guCode}/`;
    await fetch(url)
      .then(response => response.text())
      .then(data => {
        parseString(data, (err, result) => {
          const data = JSON.parse(
            JSON.stringify(result.ListAirQualityByDistrictService.row[0]),
          );
          this.setState({weatherData: data});
          this.selectTab('대기정보');
          console.log('대기 정보 --------------')
          console.log(this.state.weatherData);
        });
      })
      .catch(error => {
        console.log(error);
      });
  };