TourAPI API 호출하기

GOAL

Tour API 링크에서 사용할 데이터를 호출해보자.

• Tour API 링크
  Tour API

이 지역코드들이 담긴 데이터들에서 지역 이름들을 호출 해볼 것이다.

이렇게 예시 URI 가 나오는데 그대로 한 번 출력해보자.

• 인증키에는 받은 인증키를 써주면 된다.
• JSON 데이터가 필요하므로 맨뒤에 &_type=json 을 붙여주자.

const API_KEY = process.env.REACT_APP_API_KEY;

export async function regionAPI(formDate) {
  const response = await fetch(
    `http://apis.data.go.kr/B551011/KorService/areaCode?serviceKey=${API_KEY}&numOfRows=10&pageNo=1&MobileOS=ETC&MobileApp=AppTest&_type=json`,
    {
      method: "GET",
      body: formDate,
    }
  );
  if (!response.ok) {
    throw new Error("정보를 불러오는데 실패했습니다.");
  }
  const body = await response.json();
  console.log(body);
  return body.response.body.items.item;
}

API 호출 코드를 잘 작성한 뒤 개발자 도구에서 확인해보면

이렇게 원하는 데이터가 잘 호출된 것을 확인할 수 있다.

이제 이 데이터를 가공해서 잘 사용해보자.