Refactor auth.utils.ts

Refactor auth.utils.ts into smaller modules for better organization and maintainability. Split functions into networkUtils.ts, responseUtils.ts, and toastUtils.ts based on their purpose.

src/utils/auth/networkUtils.ts

@@ -0,0 +1,136 @@
+
+import { supabase } from '@/lib/supabase';
+
+/**
+ * 네트워크 오류 메시지 처리 유틸리티 함수
+ */
+export const handleNetworkError = (error: any): string => {
+  if (error.message && error.message.includes('fetch')) {
+    return '서버 연결에 실패했습니다. 네트워크 연결을 확인해주세요.';
+  } else if (error.message && error.message.includes('CORS')) {
+    return 'CORS 오류가 발생했습니다. 서버 설정 또는 CORS 프록시를 확인하세요.';
+  } else if (error.message && error.message.includes('NetworkError')) {
+    return '네트워크 오류가 발생했습니다. 인터넷 연결을 확인하세요.';
+  } else if (error.message && error.message.includes('json')) {
+    return '서버 응답 형식 오류: 서버가 올바른 JSON 응답을 반환하지 않았습니다.';
+  } else if (error.message && error.message.includes('timeout')) {
+    return '서버 응답 시간 초과: 서버가 응답하지 않습니다.';
+  } else if (error.message && error.message.includes('aborted')) {
+    return '요청이 중단되었습니다.';
+  }
+  
+  return error.message || '예상치 못한 오류가 발생했습니다.';
+};
+
+/**
+ * CORS 문제 확인
+ */
+export const hasCorsIssue = (error: any): boolean => {
+  if (!error) return false;
+  
+  const errorMessage = error.message || '';
+  return (
+    errorMessage.includes('Failed to fetch') ||
+    errorMessage.includes('CORS') ||
+    errorMessage.includes('Network') ||
+    errorMessage.includes('프록시')
+  );
+};
+
+/**
+ * Supabase 연결 상태 확인
+ */
+export const checkSupabaseConnection = async (): Promise<boolean> => {
+  try {
+    const { data, error } = await supabase.auth.getSession();
+    
+    // 오류가 없으면 연결 성공
+    if (!error) {
+      return true;
+    }
+    
+    // 오류 메시지 확인
+    if (error.message && (
+      error.message.includes('Failed to fetch') ||
+      error.message.includes('Network') ||
+      error.message.includes('CORS')
+    )) {
+      return false;
+    }
+    
+    // 다른 오류는 연결은 됐지만 세션/인증 관련 오류이므로 연결은 성공
+    return true;
+  } catch (err) {
+    console.error('Supabase 연결 확인 중 오류:', err);
+    return false;
+  }
+};
+
+/**
+ * 서버 연결 상태 검사
+ */
+export const verifyServerConnection = async (): Promise<{
+  connected: boolean;
+  message: string;
+  statusCode?: number;
+}> => {
+  try {
+    const start = Date.now();
+    
+    // Supabase URL 가져오기
+    const supabaseUrl = supabase.auth.url;
+    
+    // 단순 헬스 체크 요청
+    const response = await fetch(`${supabaseUrl}/`, {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      // 연결 확인만을 위한 요청이므로 짧은 타임아웃 설정
+      signal: AbortSignal.timeout(3000)
+    });
+    
+    const elapsed = Date.now() - start;
+    
+    if (response.ok || response.status === 401) {
+      // 401도 서버가 응답했다는 의미이므로 연결 성공으로 간주
+      return {
+        connected: true,
+        message: `서버 연결 성공 (응답 시간: ${elapsed}ms)`,
+        statusCode: response.status
+      };
+    } else {
+      return {
+        connected: false,
+        message: `서버 응답 오류: ${response.status} ${response.statusText}`,
+        statusCode: response.status
+      };
+    }
+  } catch (error: any) {
+    console.error('서버 연결 확인 중 오류:', error);
+    
+    // 오류 유형에 따른 메시지 설정
+    let errorMessage = '알 수 없는 네트워크 오류';
+    
+    if (error.message) {
+      if (error.message.includes('Failed to fetch')) {
+        errorMessage = 'CORS 정책 오류 또는 서버 연결 실패';
+      } else if (error.message.includes('NetworkError')) {
+        errorMessage = '네트워크 연결 실패';
+      } else if (error.message.includes('TypeError')) {
+        errorMessage = '네트워크 요청 형식 오류';
+      } else if (error.message.includes('timeout')) {
+        errorMessage = '서버 응답 시간 초과';
+      } else if (error.message.includes('aborted')) {
+        errorMessage = '요청이 중단됨';
+      } else {
+        errorMessage = error.message;
+      }
+    }
+    
+    return {
+      connected: false,
+      message: errorMessage
+    };
+  }
+};