티스토리 뷰
리액트로 웹 개발 A to Z
카카오 로그인 API 구현하기 : KOE006 에러 (with. 리다이렉트 uri 에러와 env 파일)
1200seconds 2024. 12. 31. 12:44리다이렉트 uri 설정할 때 정말 많이 만났던 에러인데, 오늘 리다이렉트 uri를 수정하면서 한 번 더 만났어서 정리해보려 한다.
KOE006

리다이렉트uri를
- 설정하지 않았을 경우
- 설정했는데 내 server.js와 카카오 디벨로퍼스에 저장한 리다이렉트uri가 다를 때
이 두 개로 가장 많이 접했을 것이다.
1번의 경우에는 카카오 디벨로퍼스에 가서 리다이렉스uri를 설정해주면 된다.
2번의 경우는 좀 더 세심하게 확인해 볼 필요가 있다.
잘 설정했는데 내 server.js와 카카오 디벨로퍼스에 저장한 리다이렉트uri가 다르다고 할 때 (KOE006)
- 내 server.js의 리다이렉트uri 부분 GET api 주소와 디벨로퍼스 리다이렉트uri가 동일한지 확인
- env 파일에 리다이렉트uri를 설정했다면 env 파일도 수정
캐시 삭제나 npm start로 재실행해도 여전히 KOE006 에러를 계속 만난다면 위 두 개를 확인해보세요!
backend > env 파일에는 중요한 정보가 담겨있다.
- KAKAO_REST_API_KEY
- KAKAO_REDIRECT_URI
- KAKAO_CLIENT_SECRET
- SESSION_SECRET
1,3,4번은 유출되면 안 되는 민감한 정보인데, 리다이렉트 uri는 왜 env에 저장하는 게 좋을까?
보안상 중요한 정보까지는 아니고
인가 코드 관련 에러 출처
- 카카오 로그인 문제 해결. kakao developers. https://developers.kakao.com/docs/latest/ko/kakaologin/trouble-shooting
'리액트로 웹 개발 A to Z' 카테고리의 다른 글
| 카카오 로그인 API 구현하기 : 카카오 로그인 로직을 정리해보기 (0) | 2025.01.09 |
|---|---|
| 카카오 로그인 API 구현하기 : 서버와 클라가 요청하고 응답 받는 원리 (with. fetch와 then은 한 팀) (0) | 2025.01.07 |
| 카카오 로그인 기능 : 참고 사이트 (0) | 2024.12.26 |
| 카카오 로그인 API 구현하기 : Login failed 정의되지 않은 profile을 읽을 수 없습니다 + scope (0) | 2024.12.26 |
| 카카오 로그인 API 구현하기 : REST API키 이용 (0) | 2024.12.17 |