kakaomap API는 타입 지원을 하지 않기 때문에 타입스크립트 환경에서 해당 라이브러리를 사용하려면 글로벌 타입 선언이 필요하다. env.d.tsinterface Window { kakao: any} 여기까지 했을 때 new window.kakao.maps로 시작하는 메서드는 문제 없이 사용할 수 있지만, kakao Map 객체에 대한 타입 정의는 불가능하다. 그래서 필요한 타입 선언을 직접 추가해주는 방법을 사용했다. src/types/kakao.d.tsdeclare namespace kakao.maps { class Map { constructor(container: HTMLElement, options: MapOptions) getCenter(): LatLng setCe..
API
사~실 이건 자바스크립트인데요, 카카오맵 하면서 진행했던 거라서 뭔가 같이 있으면 좋겠다 싶음..... const center = ref({ lat: 37.5291904, lng: 126.9202944 })/** * 현재 위치 좌표 요청 */const setCurrentLocation = () => { if ('geolocation' in navigator) { navigator.geolocation.getCurrentPosition((position) => { const { latitude, longitude } = position.coords center.value = { lat: latitude, lng: longitude } }) }} Navigator: geo..
카카오 개발자 애플리케이션 등록 Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.developers.kakao.com 난 지난번에 해 놓은 게 있어서 사이트 도메인 주소만 바꿔줬다. [ API ] 카카오 오픈 API 사용하기 / Postman 통한 요청 확인카카오 API 사용하기step 1. 카카오 developers 사이트 이동 Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공zodev.tistory.com 중요한 건 앱 키이 중에서도 Javascript 키를 사용..
typescript 환경에서 window.kakao.maps를 사용하려고 하면 Property 'kakao' does not exist on type 'Window & typeof globalThis'. 라는 에러가 뜨는데 이를 어떻게 해결할까 env.d.tsinterface Window { kakao: any}타입을 직접 정의해준다~ eslint 규칙에서 any를 허용해야 한다면? ⬇eslint.config.js{ rules: { '@typescript-eslint/no-explicit-any': 'off', // any 사용 허용 },},
카카오 API 사용하기step 1. 카카오 developers 사이트 이동 Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.developers.kakao.com step 2. 내 애플리케이션 추가하기 애플리케이션을 생성하면 앱 키가 발급됨 step 3. 사용할 API 기능 확인로컬의 키워드로 장소 검색하기 기능 API 활용 Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.developers.kakao.com ➡ 요청과 결과에 대한 모든 정보가 나와있음 Pos..
네이버 API 사용하기step 1. 네이버 developers에서 사용할 API 탐색 NAVER Developers네이버 오픈 API들을 활용해 개발자들이 다양한 애플리케이션을 개발할 수 있도록 API 가이드와 SDK를 제공합니다. 제공중인 오픈 API에는 네이버 로그인, 검색, 단축URL, 캡차를 비롯 기계번역, 음developers.naver.com step 2. 애플리케이션 등록이미 등록된 앱이 있다면 생략 가능 step 3. 등록된 애플리케이션 확인 step 4. 사용할 API url 및 메서드 확인 Postman을 이용하여 API 요청 확인step 5. Postman 새로운 Request 생성 step 6. Postman 헤더 작성애플리케이션의 Client id & secret 정보 ..
