🧏‍♀️ Kakao 소셜 연동 API 작업할 때

[leemember]

🧏‍♀️ Kakao 소셜 연동 API 작업할 때

src/react-app-env.d.ts 파일에다가

interface Window {
   Kakao : any;
}

이런식으로 선언해서 사용할 때는

const kakao = window.Kakao;

이렇게 사용할 수 있다.

그리고 public/index.html 파일에

<script src="https://developers.kakao.com/sdk/js/kakao.js"></script>

이렇게 상단에다 선언해주어야 카카오 소셜 공유하기 가능.
💁🏻‍♀️ 그리고 반드시 키값이 있어야한다.
키값은 카카오 developer 에 가서 앱 등록하면 키 값 얻어오기 가능하다.

JavaScript 키 : f661d4bba439f1455cefe8dfdfaa2b4513ee04 키값은 이렇게 생겨먹음.
이걸 env 환경 파일에다가 선언해서 갖다 쓰면된다.

• 📁 .env

REACT_APP_KAKAO_KEY=f661d4bba439f1aaaaa455cefe82b4513ee04

요런식 ! 갖다 쓸 때는 kakao.init(process.env.REACT_APP_KAKAO_KEY 이렇게 쓰면 된다.