개발 프로젝트/[next.js] 지도 서비스 개발

서울시 공공데이터 API 호출하기

jennayeo 2023. 9. 19. 23:02

이번 프로젝트에서는 테니스 코트 정보를 불러와야한다. 꿈은 크다만.. 우선은 서울시 공공 테니스코트 정보만 조회해보려한다.

제일먼저 인증키를 발급받았고, 샘플 URL에 인증키를 넣어주면 끝이다. 

요청인자를 잘 확인하자.

테니스코트만 조회하고싶다면 MINCLASSNM(소분류명)도 넣어주어야한다.

  const res = await fetch(
    `http://openapi.seoul.go.kr:8088/${인증키}/json/ListPublicReservationSport/1/999/테니스장`,
    { method: "get" }
  );
  const result = await res.json();
  
return {
    props: { result },
    revalidate: 60 * 60,
  };

response를 json()으로 변환하여 result에 넣어주고 prop으로 return!