본문 바로가기메인 메뉴 바로가기사이드 메뉴 바로가기

kakao developers

관련사이트

사이드 메뉴

검색

이 문서는 카카오디벨로퍼스에서 제공하는 개발 도구를 소개합니다.

카카오 API 연동 시 사용할 수 있는 유용한 개발 도구입니다.

카카오디벨로퍼스에서 제공하는 도구는 아래와 같습니다.

카카오톡 메시지 API 또는 카카오톡 공유 API로 보낼 메시지를 UI로 쉽게 구성할 수 있게 해주는 도구입니다.

자세한 사용 방법은 사용자 정의 템플릿을 참고합니다.

터미널이 아닌 UI에서 REST API 요청을 보내고 결과를 확인할 수 있는 테스트 도구입니다.

요청 파라미터를 직접 설정하고 API 응답과 요청 예제를 확인할 수 있습니다. 자세한 사용 방법은 REST API 테스트를 참고합니다.

JavaScript SDK에서 제공하는 기능을 카카오디벨로퍼스에서 미리 사용해볼 수 있는 도구입니다.

카카오 로그인, 카카오톡 공유, 카카오톡 채널 추가, 카카오내비 등 SDK의 주요 기능을 직접 테스트하고 구현 예제 코드를 확인할 수 있습니다.

카카오톡 채팅방에 공유할 URL의 OG(Open Graph) 태그 메타정보를 확인하고 필요 시 초기화할 수 있는 도구입니다.

URL을 공유할 때 표시되는 스크랩 미리보기가 의도와 다르게 나타나는 경우, 이 도구로 캐시된 OG 태그 메타정보를 초기화(공유 초기화)하여 최신 정보가 반영되도록 할 수 있습니다.

이 도구로 메타 정보를 관리할 수 있는 URL은 다음과 같습니다.

  • 카카오톡 메시지 API 또는 카카오톡 공유 API로 보낸 스크랩 메시지에 포함된 URL
  • 카카오스토리로 공유한 URL

URL에 설정된 OG 태그 메타정보와 카카오톡 채팅방에서의 공유 미리보기를 확인할 수 있습니다.

  1. [도구] > [카카오톡 URL 메타정보 관리]를 선택합니다.
  2. [URL 입력]에 조회할 URL을 입력합니다.
  3. [메타 정보 조회]를 눌러 해당 URL의 OG 태그 메타정보를 확인합니다.
  4. [URL 정보]에 조회한 URL의 OG 태그 항목이 표시됩니다.
    • [URL 정보]: og:title, og:description, og:image 등 해당 URL에 설정된 OG 태그 항목이 표시됩니다.
    • [공유 미리보기]: 카카오톡 채팅방에 공유 시 표시될 스크랩 메시지 형태를 미리 확인할 수 있습니다.

URL의 OG 태그를 변경한 경우, 카카오 서버에 캐시된 스크랩 미리보기 정보를 초기화해야 이후 공유 시 변경 내용이 반영됩니다. 스크랩 미리보기가 이전 정보로 표시되거나 카카오톡 공유 초기화가 필요할 때 사용합니다.

  1. [도구] > [카카오톡 URL 메타정보 관리]를 선택합니다.
  2. [URL 입력]에 초기화할 URL을 입력합니다.
  3. [메타 정보 조회]를 눌러 현재 캐시된 메타정보를 확인합니다.
  4. [캐시 초기화]를 눌러 해당 URL의 OG 태그 메타정보를 초기화합니다.
  5. 필요 시 [메타 정보 조회]를 눌러 변경된 메타정보를 확인합니다.

웹훅 이벤트가 서비스에 어떻게 전송되는지 미리 확인할 수 있는 테스트 도구입니다.

연결 해제, 계정 상태 변경, 카카오톡 공유, 카카오톡 채널 웹훅을 테스트할 수 있습니다. 자세한 사용 방법은 웹훅 테스트를 참고합니다.

카카오가 권장하는 크기와 비율에 맞춰 제작된 표준 디자인 리소스를 제공합니다.

카카오 서비스의 표준 디자인 로고 및 버튼 이미지를 다운로드할 수 있습니다. 도구 페이지 하단에서 [전체 다운로드]를 선택해 아래 리소스를 한 번에 다운로드할 수도 있습니다.

제공 대상은 다음과 같습니다.

대상 (바로가기)제공 리소스참고
카카오 로그인
  • 로그인: 카카오 로그인을 적용한 서비스에서 사용할 수 있는 로그인 버튼
    • 완성형: [카카오 로그인] 버튼
    • 축약형: [로그인] 버튼
디자인 가이드
카카오싱크
  • 로그인: 카카오싱크를 적용한 서비스에서 사용할 수 있는 카카오싱크 로그인 버튼
    • 완성형: [카카오로 시작하기] 버튼
    • 축약형: [시작하기] 버튼
  • 홍보 도구: 카카오싱크 로그인으로 쉽게 가입할 수 있다는 사실을 알릴 수 있는 홍보용 광고물
    • A3 포스터: 매장 내/외부에 부착되는 광고물 형태
    • A6 POP (Point of Purchase): 매장 내/외부에서 설치되는 광고물 형태
    • 정사각형 와블러(Wobbler): 오프라인 매장 진열대나 선반에 부착해 고객의 시선을 끄는 광고물 형태
디자인 가이드
카카오톡카카오톡 공유를 적용한 서비스에서 사용할 수 있는 아이콘
  • 카카오톡 공유: 카카오톡 아이콘
  • 나와의 채팅방: '나'라는 텍스트가 포함된 카카오톡 아이콘
-
카카오맵카카오맵을 활용한 서비스에 적용할 수 있는 카카오맵 아이콘
  • 아이콘
  • 아이콘 + 가로 텍스트
  • 아이콘 + 세로 텍스트
디자인 가이드
카카오내비카카오내비를 적용한 서비스에서 사용할 수 있는 카카오내비 아이콘-
카카오톡 채널카카오톡 채널을 적용한 서비스에서 사용할 수 있는 카카오톡 채널 아이콘
-
톡캘린더톡캘린더를 적용한 서비스에서 사용할 수 있는 시그니처와 아이콘
  • 시그니처: 카카오톡을 상징하는 말풍선 심볼과 워드마크가 결합된 형태
  • 아이콘: 톡캘린더를 상징하는 아이콘
디자인 가이드
카카오디벨로퍼스카카오 API 플랫폼 서비스를 이용하여 개발한 상품 혹은 서비스의 특성을 설명하거나 이용 사실을 고지 및 홍보할 때 사용
  • 로고: [kakao developers] 로고
  • 카카오 표시 의무: [powered by kakao] 로고
운영 정책

도움이 되었나요?

    도구 > 소개 - 카카오디벨로퍼스 | 문서