Untitled

카카오 개발자 앱 등록

Untitled

Untitled

로그인 클라이언트 연결을 위한 기본 값들

REST_API_KEY = {앱에 대한 고유한 키값} REDIRECT_URI = {로그인 성공 후 인가코드 받을 페이지} KAKAO_AUTH_URL = https://kauth.kakao.com/oauth/authorize?client_id=${REST_API_KEY}&redirect_uri=${REDIRECT_URI}&response_type=code

카카오 인증 서버 연결

Untitled

Untitled

Untitled

<aside> 💡 code=@#$!……… code 뒤에 적혀 있는 값이 인가코드이다. 저 uri 뒤에 있는 쿼리값을 파싱해서 백에다가 전달해주면 된다. 여기까지가 프론트가 1차로 할 일.


백은 우리가 넘겨준 인가코드로 카카오로부터 토큰을 받는다. 토큰을 바탕으로 유저 정보를 활용해 서보 고유 토큰 (Acess Token?)을 만들어서 다시 프론트로 전달한다.


서버 토큰 기반으로 사용자를 최종 로그인시키고 (여기서 우리가 아는 로그인 처리가 되는 거임) 화면 처리, 데이터 처리 등등 하면 된다!

</aside>

서버에 인가코드 넘겨주기

Untitled

인가코드 바탕으로 토큰 받아오기. post 뒷부분에 우리 서버 주소를 넣으면 된……다?

Untitled

토큰 통하여 정보 받아오기

Untitled

Untitled

아까 받은 accesstoken을 바탕으로 카카오로부터 응답값을 받아온다. 실제로는 우리 서버 주소 넣고 get으로 받아오면….. 되겠지?

Untitled

recoil 써서 profile 페이지로 받아온 값 넘겨주기. 뭔가 되긴 했다.