구름사이

아래 코드를 클라언트 프로그램에 추가합니다.

  const kakaoClientId = 'xxxxxxxxc2a06fc7d90xxxxxxxxxxx';
  const kakaoOnSuccess = async ( data ) => {
        console.log(data)
        const idToken = data.response.access_token  //액세스 토큰 백엔드로 전달
        //ToDo

        //alert(data.response.access_token )
        setAuth(true);
  }
  const kakaoOnFailure = (error) =>{
        console.log(error);
  }
  
        				<KakaoLogin
                            token = {kakaoClientId}
                            onSuccess={kakaoOnSuccess}
                            onFail={kakaoOnFailure}
                        />

kakao developers 사이트에서

'내 애플리케이션'에서 '애플리케이션 추가하기'...

'앱키'를 용도성에 맞게 활용합니다.

React에서는 native로 개발로 할 경우, JavaScript 키 값을 'kakaoClientId'의 변수 값에 지정합니다.( 위 프로그램코드 참조)

'플랫폼'에서 'Web'플랫폼 등록

   - 복수 개 가능

   - 포트값도 일반 URL처럼 등록

'카카오로그인' 활성화

프로그램 수행 화면...

카카오 계정 로그인 화면 나타남.