feature-059: 소셜 로그인 후 처리

src/apis/social-account.ts

@@ -1,5 +1,8 @@
+import { APIResponse } from '@/models/config/axios';
+import { LoginResponse } from '@/models/user';
+
 import axios from './config/instance';
 
 export const kakaoLoginAPI = (code: string) => {
-  return axios.get(`/kakao-login?code=${code}`);
+  return axios.get<APIResponse<LoginResponse>>(`/kakao-login?code=${code}`);
 };

src/pages/SocialAccountPage.tsx

@@ -1,15 +1,22 @@
 import { useEffect } from 'react';
 import { useLocation, useNavigate } from 'react-router-dom';
+import { useSetRecoilState } from 'recoil';
 
 import { kakaoLoginAPI } from '@/apis/social-account';
 
+import { userTokenState } from '@/stores/user';
+
 const SocialAccountPage = () => {
   const navigate = useNavigate();
   const { search } = useLocation();
+  const setUserToken = useSetRecoilState(userTokenState);
 
   const callAPI = async (code: string) => {
     try {
-      console.log(await kakaoLoginAPI(code));
+      const { token } = (await kakaoLoginAPI(code)).data.result;
+
+      setUserToken(token);
+      navigate('/');
     } catch (e) {
       console.error(e);
       navigate('/sign-in');