목차

1. Open API 개요
2. 지도 API
3. 공공 데이터 포털

1. Open API 개요

• API (Application Programming Interface)는 소프트웨어 간 데이터와 기능을 주고받는 명세 또는 인터페이스
• Open API는 누구나 사용 가능한 공개된 API로, 개발자 등록과 인증키 발급 후 사용할 수 있음
• 일반적으로 HTTP 요청, JSON 응답을 기반으로 함

주요 Open API 플랫폼

2. 지도 API

• 지도 API는 사용자가 지도 서비스 기능을 웹에 통합할 수 있도록 제공되는 API
• 국내에서는 카카오 지도 API가 대표적이며 사용이 쉬움

카카오 지도 API 기본 구조

<script src="https://dapi.kakao.com/v2/maps/sdk.js?appkey=발급받은_API_KEY"></script>

지도 생성하기 예제

<div id="map" style="width:500px;height:400px;"></div>

<script>
  var container = document.getElementById('map');
  var options = {
    center: new kakao.maps.LatLng(33.450701, 126.570667),
    level: 3
  };

  var map = new kakao.maps.Map(container, options);
</script>

지도에 마커 찍기 예제

<div id="map2" style="width:800px;height:400px;"></div>

<script>
  var mapContainer = document.getElementById('map2');
  var mapOption = {
    center: new kakao.maps.LatLng(33.450701, 126.570667),
    level: 3
  };

  var map = new kakao.maps.Map(mapContainer, mapOption);

  var markerPosition = new kakao.maps.LatLng(33.450701, 126.570667);

  var marker = new kakao.maps.Marker({
    position: markerPosition
  });

  marker.setMap(map);
</script>

API 사용 전 Kakao Developers에서 앱 등록 → JavaScript 키 발급 → 도메인 등록 필수