[Error] kakao.init: App key must be provided

kakao 소셜 로그인 구현 후 로그인 페이지에 접근 할 때마다 아래와 같은 오류가 발생함.

---

첫번째 시도

"script 순서가 잘못된 건 아닐까??"라는 생각으로 Kakao.js 컴포넌트에 script를 넣어봄

 

동일한 오류가 발생해서 실패

---

두번째 시도

"소셜 로그인에 필요한 js key를 env에서 관리하고 있어서 string으로 안넘어 오는 게 아닐까?" 생각함

typeof를 사용하여 확인 → String이였음

 

카카오로 연결은 되지만 KOE101 오류가 떠서 실패

---

세번째 시도

다른 건 나랑 똑같은 데 다른 부분이 하나 있어서 유심히 지켜봄 → jsKey를 token으로 변경하여 테스트 → 오류 사라짐

→ 하지만 env로 불러 왔을 때는 실행이 되지 않음 → env 변경 될 경우 yarn start 초기화 해줘야 함

 

성공

react + react-kakao-login 예제 - 카카오 로그인

---

초반에 token으로 시도하고 안되는 것 같아서 넘어 갔는 데

역시 오류는 진득하게 봐야 하는 것 같다...