728x90
반응형
 포스팅 썸네일 이미지

개발/Third-party

카카오톡 링크 공유 API 초간단 사용방법

카카오 개발자 지원 사이트가 굉장히 깔끔하게 변경되었습니다! 개인적으로 이전 사이트보다 깔끔하고 사용하기 편리하게 구조가 잡힌 느낌이네요. 이전에 웹(Web) 서비스에서 카카오맵 API를 활용하는 방법에 대해서 소개했는데, 이번 포스팅에서는 카카오 링크 공유 API를 사용하는 방법에 대해서 소개해드리도록 하겠습니다. 사전 설정 카카오 링크 공유 기능을 구현하기 위해서는 카카오 개발자 지원 사이트에 로그인을 하셔야 합니다. 상단에 배치된 메뉴에서 내 애플리케이션이나 로그인을 누르시면 로그인을 하실 수 있습니다. 저는 내 애플리케이션을 통해서 로그인을 했기 때문에 바로 내 애플리케이션 페이지로 이동한 모습입니다. 애플리케이션 추가 테스트를 위해서 애플리케이션을 추가하겠습니다. 애플리케이션 추가하기 버튼을 누..

2020.09.15 게시됨

 포스팅 썸네일 이미지

개발/Third-party

[자바스크립트/Javascript] 구글맵(Google Map) API에서 커스텀 마커(Custom Marker) 구현하는 방법 (Add Custom Markers with the Google Maps JavaScript API)

우리는 웹 개발을 하다 보면 구글맵, 구글지도(Google Map)을 다루는 경우가 종종 있습니다. 그때마다 구글맵에 우리가 원하는 위치를 표현하기 위해서 마커를 사용하곤 하죠. 기본적인 마커 구현으로 끝나는 경우도 있지만 구현하는 서비스 특색에 맞게 커스텀 마커를 적용해야 되는 경우가 있습니다. 하지만 구글맵에서 제공하고 있는 API의 마커(Marker)를 활용해서 우리의 서비스에 맞는 커스텀 마커를 구현하기에는 굉장히 어려움이 많습니다. (커스터마이징 하기 너무 까다롭습니다.) 이번 포스팅에서는 Google Map API에서 제공하는 OverlayView 클래스를 활용해서 커스텀 마커(Custom Marker)를 구현해보도록 하겠습니다. 들어가기 전에 저는 이번 포스팅에서 Vue 개발환경에서 구글맵 ..

2020.08.28 게시됨

 포스팅 썸네일 이미지

개발/Third-party

카카오톡 링크 공유 API ErrorCode(4002) 에러 간단하게 해결하는 방법 (Javascript SDK 카카오톡 링크 공유 API)

카카오톡 링크(Kakaotalk link) 공유 API를 사용하다보면 ErrorCode(4002)를 맞이하는 순간이 올 수 있습니다. 해당 에러코드는 카카오 개발자에 해당 프로젝트에서 사용하는 플랫폼에서 현재 도메인을 허용하지 않았기 때문에 발생하는 이슈입니다. 이슈는 아래와 같은 화면으로 노출됩니다. 카카오 로그인을 구현할 때 했던 작업과 동일하게 웹 플랫폼에 사이트 도메인을 추가해야 합니다. 사이트 도메인을 추가하는 방법을 모르시는 분은 애플리케이션 등록 가이드를 참고해서 반영하면 됩니다. 사이트 도메인과 포트까지 정확하게 일치해야 카카오에서 제공하는 Javascript SDK의 API에서 제공하는 기능들을 사용할 수 있습니다. 문제의 해결 포인트는 카카오 개발자에서 등록한 프로젝트에서 사용하는 플랫..

2020.08.07 게시됨

 포스팅 썸네일 이미지

개발/Third-party

카카오 로그인(Kakao Login) 인증 API을 활용해서 간단하게 사용자 로그인 처리하는 방법

카카오 개발자 지원 사이트가 굉장히 깔끔하게 변경되었습니다! 개인적으로 이전 사이트보다 깔끔하고 사용하기 편리하게 구조가 잡힌 느낌이네요. 이전에 웹(Web) 서비스에서 카카오맵 API를 활용하는 방법에 대해서 소개했는데, 이번에는 웹 서비스의 핵심인 로그인 프로세스를 카카오 로그인 인증 API(Kakao Login API)를 활용해서 구현해보려고 합니다. 사전 설정 카카오 로그인 기능을 구현하기 위해서는 카카오 개발자 지원 사이트에 로그인을 하셔야 합니다. 상단에 배치된 메뉴에서 내 애플리케이션이나 로그인을 누르시면 로그인을 하실 수 있습니다. 저는 내 애플리케이션을 통해서 로그인을 했기 때문에 바로 내 애플리케이션 페이지로 이동한 모습입니다. 애플리케이션 추가 테스트를 위해서 애플리케이션을 추가하겠습..

2020.07.23 게시됨

 포스팅 썸네일 이미지

개발/Third-party

카카오맵(Kakao 지도) API 초간단 사용방법 (for Web)

리액트 네이티브(React Native, RN)에서 카카오맵(Kakao 지도) API 사용하는 방법 🤚 시작하기 전에 카카오맵(Kakao 지도) Javscript API는 키 발급을 받아야 사용할 수 있습니다. 그리고 키를 발급받기 위해서는 카카오 계정이 필요합니다. 🔑 키 발급 과정 1. 카카오 개발자사이트 (https://developers.kakao.com) 접속 2. 개발자 등록 및 앱 생성 3. 웹 플랫폼 추가: 앱 선택 – [설정] – [일반] – [플랫폼 추가] – 웹 선택 후 추가 4. 사이트 도메인 등록: [웹] 플랫폼을 선택하고, [사이트 도메인] 을 등록합다. (예: http://localhost:8080) 5. 페이지 상단의 [JavaScript 키]를 지도 API의 appkey로 ..

2020.02.20 게시됨

728x90
반응형