fix: 카카오 로그인시 userInfo 저장

uiop5809 · uiop5809 · commit 1a0052076e41 · 2024-09-03T02:13:54.000+09:00
diff --git a/src/app/kakao/login/page.tsx b/src/app/kakao/login/page.tsx
@@ -1,12 +1,27 @@
 'use client'
 
+import { userInfoState } from '@/recoil/UserInfo'
+import UserService from '@/service/user/UserService'
 import axios from 'axios'
 import { useRouter } from 'next/navigation'
 import { useEffect } from 'react'
+import { useSetRecoilState } from 'recoil'
 
 const KakaoLogin = () => {
   const router = useRouter()
   const API_BASE_URL = process.env.NEXT_PUBLIC_API_BASE_URL
+  const setUserInfo = useSetRecoilState(userInfoState)
+
+  const fetchUserInfo = async () => {
+    try {
+      const response = await UserService.fetchUserInfo()
+      if (response.data) {
+        setUserInfo(response.data)
+      }
+    } catch (error) {
+      console.error('Failed to load user info:', error)
+    }
+  }
 
   useEffect(() => {
     const getToken = async () => {
@@ -30,6 +45,7 @@ const KakaoLogin = () => {
         } else if (res.data.accessToken) {
           // 정상적으로 토큰을 받은 경우 /로 리다이렉트
           localStorage.setItem('access_token', res.data.accessToken)
+          await fetchUserInfo()
           router.push('/')
         } else {
           // 토큰이 없을 경우에 /signin/terms로 리다이렉트
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -6,7 +6,6 @@ import localFont from 'next/font/local'
 import ReactQueryProviders from '@/hooks/useReactQuery'
 import Toaster from '@/components/common/Toaster'
 import { WebSocketProvider } from '@/hooks/useSocket'
-import LoadUserInfo from '@/service/user/LoadUserInfo'
 
 const pretendard = localFont({
   src: '../../public/fonts/PretendardVariable.woff2',
@@ -40,7 +39,6 @@ export default function RootLayout({
       <link rel="icon" href="/images/common/cat_logo.svg" sizes="any" />
       <body className={`${pretendard.variable} font-pretendard`}>
         <Recoil>
-          <LoadUserInfo />
           <WebSocketProvider>
             <ReactQueryProviders>
               <main className="py-3 px-5 sm:px-7% md:px-10% ">
diff --git a/src/service/user/LoadUserInfo.tsx b/src/service/user/LoadUserInfo.tsx
