React.js (7) React + Kakao 로그인

React.js (7) React + Kakao 로그인

카카오 디벨로퍼 로그인
https://developers.kakao.com/

애플리케이션 추가하기 클릭

앱 정보를 입력

앱 클릭

생성된 앱 키 확인

활성화 설정 ON + 리다이렉트 URI 설정

왼쪽 사이드바를 통해 동의항목 클릭
개발자 기호에 맞는 개인 정보 설정

카카오 로그인 패키지 추가
npm i react-kakao-login

.env
REACT_APP_KAKAO_KEY = JavaScript 키

import React, { Component } from "react";
import KaKaoLogin from "react-kakao-login";

const KAKAO_KEY = process.env.REACT_APP_KAKAO_KEY;

class LoginKaKao extends Component {
  render() {
    return (
      <div>
        <KaKaoLogin
          token={KAKAO_KEY}
          buttonText="kakao"
          onSuccess={console.log}
          onFail={console.error}
          onLogout={console.info}
        >
        </KaKaoLogin>
      </div>
    );
  }
}

export default LoginKaKao;