페이지 이동경로
  • 문서>
  • JavaScript>
  • 시작하기

JavaScript

시작하기

이 문서는 카카오 API 플랫폼에서 제공하는 Kakao SDK for JavaScript(이하 JavaScript SDK) 사용 방법을 안내합니다.

준비

지원하는 웹 브라우저

JavaScript SDK는 가장 많이 사용되는 웹 브라우저를 지원합니다. 플랫폼별 지원하는 웹 브라우저와 버전 정보는 아래와 같습니다.

Browser / Platform Android iOS macOS Windows
Chrome* O O O O
Edge* O O O O
Firefox* O O O O
Safari X O O X
Internet Explorer (IE) X X X O**

* Chrome, Edge, Firefox의 경우, 최신 및 직전 버전에 최적화되어 있음

** IE 11만 지원

플랫폼

JavaScript SDK를 통해 카카오 API를 호출하려면 [내 애플리케이션] > [플랫폼] > [Web]에 사이트 도메인을 등록해야 합니다. 플랫폼을 참고합니다.

설치

JavaScript SDK 파일을 웹 페이지에 포함(Include)시킵니다. script 태그 내부에 버전과 해당 버전의 integrity 값을 정확히 기입해야 합니다. 다운로드에서 확인 및 복사할 수 있습니다. 아래 예제를 참고합니다.

<script src="https://t1.kakaocdn.net/kakao_js_sdk/${VERSION}/kakao.min.js"
  integrity="${INTEGRITY_VALUE}" crossorigin="anonymous"></script>

초기화

설치를 참고해 JavaScript SDK를 웹 페이지에 포함한 후, 아래의 JavaScript SDK 초기화 함수를 호출합니다. JAVASCRIPT_KEY에 [내 애플리케이션] > [앱 키]에서 확인한 JavaScript 키를 할당해야 합니다.

Kakao.init('JAVASCRIPT_KEY');
Kakao.isInitialized();

아래는 초기화 함수를 호출하고, 이어서 초기화가 잘 되었는지 확인하는 함수를 호출하는 예제입니다.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>Kakao JavaScript SDK</title>
  <script src="https://t1.kakaocdn.net/kakao_js_sdk/${VERSION}/kakao.min.js"
    integrity="${INTEGRITY_VALUE}" crossorigin="anonymous"></script>
  <script>
    // SDK를 초기화 합니다. 사용할 앱의 JavaScript 키를 설정해야 합니다.
    Kakao.init('JAVASCRIPT_KEY');

    // SDK 초기화 여부를 판단합니다.
    console.log(Kakao.isInitialized());
  </script>
</head>
<body></body>
</html>

데모

[도구]에서 JavaScript SDK의 기능 및 동작을 참고할 수 있는 데모를 제공합니다.

더 보기

JavaScript> 시작하기