[외부 API 연동] 카카오 API 연동해서 Map 정보 조회하기

카카오 개발자 사이트에서, 앱을 생성하고 API Key를 발급 받으면 카카오가 제공하는 Open API를 사용할 수 있다.

API Key는 유출되도 상관없는게, 특정 도메인에서만 작동하도록 제한을 걸 수 있다.

 

Kakao Maps API 키 발급 및 적용

이 서비스의 핵심 기능은 카카오맵 API를 통해 구현됩니다.

1. **카카오 개발자 사이트**에 접속하여 회원가입/로그인합니다.
2. **[내 애플리케이션] > [애플리케이션 추가하기]**를 통해 새 앱을 만듭니다.(logo, 앱명, 사업자등록 정보)
3. 생성된 앱의 설정 화면에서 **[플랫폼] > [Web 플랫폼 등록]**을 선택하고, 서비스를 배포할 웹사이트 주소(예: https://your-domain.com)를 입력합니다.
   [개발을 위해, http://127.0.0.1:5500 도 등록하자!!]
4. **[JavaScript 키]**를 복사합니다.
5. 코드의 <script> 태그 영역에서 YOUR_KAKAO_JAVASCRIPT_KEY 부분을 복사한 키로 교체합니다.
6. [제품 설정] > [카카오맵] > 활성화 설정
7. 테스트 앱을 위해, [테스트앱]도 생성해서 해당 api key를 사용하도록 하자.