[API] 카카오 API 사용 방법1 (환경 설정)

1. 앱 만들기

https://developers.kakao.com/

Kakao Developers

내 애플리케이션 > 애플리케이션 추가하기

 

2. 플랫폼 설정

방금 만든 앱 클릭 > 플랫폼 > web > 플랫폼 등록 > 도메인 주소 입력

만약 로컬 환경에서 테스트 작업이라면 로컬 서버를 실행시킨 후 주소 복사 붙여넣기

Redirect URI은 카카오 로그인 완료 후 이동할 페이지 주소(선택 사항)

 

3. 키 복사하기

앱 > 앱 키 > JavaScript 키 값 복사

 

4. SDK 설치

index.js에 아래 코드 복사 붙여넣기

    <script src="https://t1.kakaocdn.net/kakao_js_sdk/2.5.0/kakao.min.js" integrity="sha384-kYPsUbBPlktXsY6/oNHSUDZoTX6+YI51f63jCPEIPFP09ttByAdxd2mEjKuhdqn4" crossorigin="anonymous"></script>
    <script>
      // SDK를 초기화 합니다. 사용할 앱의 JavaScript 키를 설정해야 합니다.
      Kakao.init("{방금 복사한 앱의 API 키}");
  
      // SDK 초기화 여부를 판단합니다.
      console.log(Kakao.isInitialized());
    </script>

 

https://developers.kakao.com/docs/latest/ko/javascript/download

Kakao Developers

최신 버전을 사용하고 싶다면 위 링크에서 Full SDK 복사 후 변경

 

5. 테스트

웹서버를 실행시킨 후 콘솔 창에 true가 뜨면 카카오 api 키를 사용하기위한 환경 설정 완료