[TIL] 06.04 kakao 연결 끊기

소셜 로그인 탈퇴 구현이 되어 있지 않아서 소셜 로그인 탈퇴에 대해서 알아 보았다. 

우리 서비스에는 페이스북, 카카오 두가지 소셜로그인이 가능하다. 소셜로그인은 탈퇴라기 보다는 소셜에서 해당 서비스로의 연결을 끊는다는 개념이였다. 즉 내가 해야할 일은 소셜 로그인과의 연결을 끊어주고 우리 디비에 있는 회원정보를 삭제해주는 두가지 일을 진행해야 했다. 

카카오 SDK를 사용하여 request 요청을 날려주면 되었다. request 요청을 날리기 전에 먼저 window.kakao.init을 해주어야 하는데 window.kakao 값을 계속 가져오지 못하였다. 다양한 시도를 하다가 class 형 컴포넌트에서 function 컴포넌트로 바꾸어주니 값을 가져올 수 있었다. (무슨 차이인지 아직도 잘 모르겠다... )

 

회원 탈퇴버튼을 만들어 아래 함수를 onClick에 걸어 주었다. 

const kakaoUnlink = () => {
  Kakao.API.request({
    url: '/v1/user/unlink',
    success: function(response) {
      console.log(response);
    },
    fail: function(error) {
      console.log(error);
    },
  });
}

하지만 토큰을 찾을수 없다는 에러가 떴다. 토큰을 보내주려고 해도 requset 의 파라미터값은 url, success, fail, always 4가지가 끝이였다. 그런데 kakao.request.api 에 대해서 좀 더 자세하게 나와 있는 문서에 들어가니 data, file 이라는 두가지 파라미터가 더 존재하고 있었다. data 파라미터에 값을 보내면 될꺼 같아서 소셜토큰을 넣어서 보내려고 했는데 생각해 보니 프론트에서 소셜토큰을 저장하고 있지 않았다. 로그인 할 시 보내주는 token도 소셜 토큰을 암호화해서 보내주는 토큰이여서 사용을 할 수 가 없었다. 

결국 서버에서는 소셜 토큰을 가지고 있었기에 서버에서 한번에 처리해주기로 결정을 했다.