카카오 디벨로퍼에서 애플리케이션 등록까지 마쳐놓은 상태
REST API를 사용할 예정 (백단에 인가코드를 넘겨주면 토큰을 발급받아서 다시 프론트단에 넘겨주는 방식으로 한다고 했기 때문에 javascript SDK가 아닌 REST API로!)
카카오 로그인에 사용 될 패키지들
yarn add react-router-dom axios qs
카카오 디벨로퍼에 web 플랫폼 등록하기
사이트 도메인 -> http://localhost:3000
Redirect URI -> http://kocalhost:3000/oauth/kakao/callback
http://localhost:3000/auth/kakao/callback
(oauth랑 auth랑 머가다르지)
이제 카카오 로그인 버튼을 누르면
https://kauth.kakao.com/oauth/authorize?client_id=${REST_API_KEY}&redirect_uri=${REDIRECT_URI}&response_type=code 주소를 호출하고
카카오 서버에서 redirect로 내가 설정해준 Redirect URI로 이동하며 인가코드값을 전달해준다.
Rest API를 사용하기 위해 필요한 Client Secret코드 발급받기
- 보안메뉴에서 코드 발급 (카카오 디벨로퍼의 우리 애플리케이션 보안탭에서 하기, 앱 오너밖에 못해서 팀장이 해줄때까지 대기)
Auth.js 컴포넌트 생성
헉 잠깐.. 웹 소셜 로그인은 백단에서 다 했다고 한다.. 난 뭘해야할까..?!
