🤪 Issue: React Kakao 로그인 이슈 발생!

[mandoo1229]

React에서 Kakao 로그인 이슈 발생!

const kakaoApiKey = "ef7c392eab30902039c2e6e68c1fd356"   
  const redirect_uri = "http://localhost:3000/signin"
  const kakaoURL = `
  https://kauth.kakao.com/oauth/authorize?client_id=${"ef7c392eab30902039c2e6e68c1fd356"}&
  redirect_uri=${"http://localhost:3000/signin"}&response_type=code`

kakao에서 api키를 받고, 그 키 값으로 uri를 설정하여 로그인 기능을 만들었으나API를 받아오지 못했다. 좀 더 공부해서 API값을 받아오는 방법을 알아봐야 할거 같습니다.

이 방법을 토대로 구글 아이디로도 로그인을 할 수 있도록 구현하도록 하겠습니다.

[KKYHH]

훌륭합니다

[mandoo1229]

카카오 로그인 인증하는 방식을 그림으로 설명한 내용입니다.

[mandoo1229]

const redirect_uri = "http://localhost:3000/auth/kakao/callback";

이것이 KakaoDevelopers 에 설정한 Redirect_URI 입니다. 이걸 이 경로를 통해서 유효성 검증 토큰을 주고 받습니다.

[mandoo1229]

let code = new URL(window.location.href) 이걸 콘솔에 찍으면 그림처럼 나옵니다. 여기서 search에 있는 값을 활용하여 사용합니다.

[mandoo1229]

responseCode : 400java.io.IOException: Server returned HTTP response code: 400 for

스프링부트에서 이 에러가 떠서 확인을 해보니 클라이언트 시크릿(Client secret)기능을 사용해서 오류가 뜬다고 합니다. 다왔다고 생각했는데 아직 못찾고 있다 ㅠㅠ 오류해결법을 알았는데도 이렇게 뜹니다. 다시 한번 알아봐야겠습니다.