Refactor signIn and signUp

Refactor signIn.ts and signUp.ts files to improve maintainability.

src/contexts/auth/signInUtils.ts

@@ -0,0 +1,121 @@
+
+import { supabase } from '@/lib/supabase';
+import { parseResponse, showAuthToast, handleNetworkError } from '@/utils/auth';
+
+/**
+ * 직접 API 호출을 통한 로그인 시도 (대체 방법)
+ */
+export const signInWithDirectApi = async (email: string, password: string) => {
+  console.log('직접 API 호출로 로그인 시도');
+  
+  try {
+    // 로그인 API 엔드포인트 URL과 헤더 준비
+    const tokenUrl = `${supabase.auth.url}/token?grant_type=password`;
+    const headers = {
+      'Content-Type': 'application/json',
+      'apikey': supabase.supabaseKey,
+      'Authorization': `Bearer ${supabase.supabaseKey}`,
+      'X-Client-Info': 'supabase-js/2.x'
+    };
+    
+    console.log('로그인 API 요청 URL:', tokenUrl);
+    
+    // 로그인 요청 보내기
+    const response = await fetch(tokenUrl, {
+      method: 'POST',
+      headers,
+      body: JSON.stringify({ email, password })
+    });
+    
+    // 응답 상태 확인 및 로깅
+    console.log('로그인 응답 상태:', response.status);
+    
+    // HTTP 상태 코드 확인
+    if (response.status === 401) {
+      showAuthToast('로그인 실패', '이메일 또는 비밀번호가 올바르지 않습니다.', 'destructive');
+      return { 
+        error: { message: '인증 실패: 이메일 또는 비밀번호가 올바르지 않습니다.' }, 
+        user: null 
+      };
+    }
+    
+    if (response.status === 404) {
+      showAuthToast('로그인 실패', '서버 경로를 찾을 수 없습니다. Supabase URL을 확인하세요.', 'destructive');
+      return { 
+        error: { message: '서버 경로를 찾을 수 없습니다. Supabase URL을 확인하세요.' }, 
+        user: null 
+      };
+    }
+    
+    // 응답 처리
+    const responseData = await parseResponse(response);
+    
+    // 빈 응답이나 파싱 실패 시
+    if (responseData.status && !responseData.success && !responseData.error) {
+      if (response.status >= 200 && response.status < 300) {
+        // 성공 상태 코드이지만 응답 내용 없음
+        showAuthToast('로그인 상태 확인 필요', '서버가 성공 응답을 보냈지만 내용이 없습니다. 세션 상태를 확인하세요.');
+        
+        // 사용자 세션 확인 시도
+        try {
+          const { data: userData } = await supabase.auth.getUser();
+          if (userData.user) {
+            showAuthToast('로그인 성공', '환영합니다!');
+            return { error: null, user: userData.user };
+          }
+        } catch (sessionCheckError) {
+          console.error('세션 확인 오류:', sessionCheckError);
+        }
+      }
+    }
+    
+    // 오류 응답 확인
+    if (responseData?.error) {
+      const errorMessage = responseData.error_description || responseData.error;
+      showAuthToast('로그인 실패', errorMessage, 'destructive');
+      return { error: { message: errorMessage }, user: null };
+    }
+    
+    // 로그인 성공 응답 처리
+    if (response.ok && responseData?.access_token) {
+      try {
+        // 로그인 성공 시 Supabase 세션 설정
+        await supabase.auth.setSession({
+          access_token: responseData.access_token,
+          refresh_token: responseData.refresh_token
+        });
+        
+        // 사용자 정보 가져오기
+        const { data: userData } = await supabase.auth.getUser();
+        
+        console.log('로그인 성공:', userData);
+        
+        showAuthToast('로그인 성공', '환영합니다!');
+        
+        return { error: null, user: userData.user };
+      } catch (sessionError) {
+        console.error('세션 설정 오류:', sessionError);
+        showAuthToast('로그인 후처리 오류', '로그인에 성공했지만 세션 설정에 실패했습니다.', 'destructive');
+        return { error: { message: '세션 설정 오류' }, user: null };
+      }
+    } else {
+      // 오류 응답이나 예상치 못한 응답 형식 처리
+      console.error('로그인 오류 응답:', responseData);
+      
+      const errorMessage = responseData?.error_description || 
+                          responseData?.error || 
+                          responseData?.message ||
+                          '로그인에 실패했습니다. 이메일과 비밀번호를 확인하세요.';
+      
+      showAuthToast('로그인 실패', errorMessage, 'destructive');
+      return { error: { message: errorMessage }, user: null };
+    }
+  } catch (fetchError) {
+    console.error('로그인 요청 중 fetch 오류:', fetchError);
+    
+    const errorMessage = handleNetworkError(fetchError);
+    showAuthToast('로그인 요청 실패', errorMessage, 'destructive');
+    
+    return { error: { message: errorMessage }, user: null };
+  }
+};