Merge pull request #306 from fitdate/feat/social

Feat/social

Author: ryuji-dev

src/components/page/callback/OAuthCallback.tsx

@@ -36,6 +36,13 @@ export default function OAuthCallback({
           scope,
         };
 
+        console.log('소셜 로그인 콜백 시작:', {
+          provider,
+          code,
+          state,
+          scope,
+        });
+
         const result = await handleSocialCallback(
           provider,
           code,
@@ -44,17 +51,24 @@ export default function OAuthCallback({
 
         console.log('소셜 로그인 응답:', result);
 
-        // 로그인 처리
-        if (result.accessToken) {
+        // 사용자 정보가 있는 경우 로그인 처리
+        if (result.user) {
           console.log('소셜 로그인 처리 시작:', {
-            token: result.accessToken,
             user: result.user,
           });
 
           // 로그인 상태 업데이트
-          login(result.accessToken, {
+          login('', {
+            // accessToken이 없는 경우 빈 문자열로 처리
             id: result.user.id,
             nickname: result.user.nickname || '',
+            email: result.user.email,
+            role: result.user.role || 'USER', // 기본 역할 설정
+          });
+
+          console.log('로그인 상태 업데이트 후:', {
+            isLoggedIn,
+            user: result.user,
           });
 
           // 상태 업데이트가 완료될 때까지 최대 3초 대기
@@ -64,13 +78,18 @@ export default function OAuthCallback({
           while (!isLoggedIn && attempts < maxAttempts) {
             await new Promise((resolve) => setTimeout(resolve, 100));
             attempts++;
+            console.log('로그인 상태 대기 중:', { attempts, isLoggedIn });
           }
 
           console.log('소셜 로그인 처리 완료');
 
+          // 리다이렉트 전에 로컬 스토리지 확인
+          const storedAuth = localStorage.getItem('auth-storage');
+          console.log('로컬 스토리지 상태:', storedAuth);
+
           await handleSuccessRedirect(result, router);
         } else {
-          console.log('소셜 로그인 토큰이 없습니다:', result);
+          console.log('소셜 로그인 사용자 정보가 없습니다:', result);
           // 소셜 로그인 실패 시 각 제공자의 에러 페이지로 리다이렉트
           const errorPages = {
             kakao: 'https://accounts.kakao.com/weblogin/error',
@@ -109,5 +128,6 @@ async function handleSuccessRedirect(
   router: ReturnType<typeof useRouter>
 ) {
   // 백엔드에서 전달받은 redirectUrl을 그대로 사용
+  console.log('리다이렉트 URL:', result.redirectUrl);
   router.push(result.redirectUrl);
 }

src/store/authStore.ts

@@ -5,6 +5,8 @@ import { userStatusSocket } from '@/lib/socket';
 interface AuthUser {
   id: string;
   nickname: string;
+  email?: string;
+  role?: string;
 }
 
 interface AuthState {
@@ -29,35 +31,52 @@ export const useAuthStore = create<AuthState>()(
 
       login: (token, user) => {
         console.log('authStore login 호출:', { token, user });
+
+        // 사용자 정보 정규화
+        const normalizedUser: AuthUser = {
+          id: user.id,
+          nickname: user.nickname || '',
+          email: user.email,
+          role: user.role || 'USER', // 기본 역할 설정
+        };
+
         set({
           isLoggedIn: true,
-          accessToken: token,
-          user: user,
+          accessToken: token || null, // 토큰이 빈 문자열이면 null로 설정
+          user: normalizedUser,
         });
 
-        // 토큰이 유효할 때만 소켓 연결
-        if (token) {
+        // 토큰이 있고 유효할 때만 소켓 연결 시도
+        if (token && token.trim() !== '') {
           try {
             if (userStatusSocket.connected) {
               userStatusSocket.disconnect();
             }
             userStatusSocket.auth = { token };
             userStatusSocket.connect();
-
             set({ socketError: null });
-          } catch {
+          } catch (error) {
+            console.error('소켓 연결 실패:', error);
             set({ socketError: '소켓 연결에 실패했습니다.' });
           }
+        } else {
+          console.log('토큰이 없어 소켓 연결을 건너뜁니다.');
         }
       },
 
-      logout: () =>
+      logout: () => {
+        // 소켓 연결 해제
+        if (userStatusSocket.connected) {
+          userStatusSocket.disconnect();
+        }
+
         set({
           isLoggedIn: false,
           accessToken: null,
           user: null,
           socketError: null,
-        }),
+        });
+      },
 
       setSocketError: (error) => set({ socketError: error }),
     }),