카카오 로그인 구현 시 발생한 에러 모음

400

axios로 요청보낼 때 문법적 오류가 있어서 발생함. axios 공식문서에서 확인해보면서 비교해볼 것. 문법적 오류 혹은 뭐 하나 빠뜨려도 400이 뜸.

401

권한 오류 1) Redirect URL를 잘못 설정한 경우 Redirect URL : 로그인 성공시 프론트엔드에서 넘어가는 페이지 경로 프론트엔드와 백엔드에서 Redirect URI를 맞춰서 써줘야 함. 리액트의 경우 리액트 라우터의 경로가 되겠음. 개발시 주소, 배포시 주소를 모두 신경써야 함. 2) 카카오개발자 센터에서 사용주소, Redirect URI를 잘못 등록한 경우 localhost:1234에서 개발하는 경우 이 주소를 센터에 등록해줘야함. 아예 등록이 안 되어 있어도 문제이고, 주소를 잘못 입력한 경우도 문제가 됨.

KOE320

동일한 인가 코드를 두 번 이상 사용하거나, 이미 만료된 인가 코드를 사용한 경우, 혹은 인가 코드를 찾을 수 없는 경우 예를 들어, 같은 토큰을 재탕하는 경우임. 카카오측에서 토큰을 받는 화면을 반복적으로 렌더링하여 서버에 요청을 여러번 보내면 이런 에러가 뜸.

기타 • console.log로 받아온 데이터를 확인하면서 수정하면됨. • 로그인 코드를 작성하는 것보다 환경설정하는 것이 더 번거로웠음. • 소셜로그인 성공 후 우리 서버에서 해주는 작업을 설정하는 것이 더 시간이 걸렸음. - 가입된 경우 일반 로그인, 가입되지 않은 경우 가입시키기

- 애초에 확장성을 고려하지 않고 코드를 작성하여 나중에 재사용할 수 있도록 코드를 수정하느라 오래걸린듯 함.