Refactor signIn and signUp

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

src/contexts/auth/signUpUtils.ts

@@ -0,0 +1,144 @@
+
+import { supabase } from '@/lib/supabase';
+import { parseResponse, showAuthToast, handleNetworkError } from '@/utils/auth';
+
+/**
+ * 직접 API 호출을 통한 회원가입 시도 (대체 방법)
+ */
+export const signUpWithDirectApi = async (email: string, password: string, username: string) => {
+  console.log('직접 API 호출로 회원가입 시도');
+  
+  try {
+    // 요청 URL과 헤더 준비
+    const signUpUrl = `${supabase.auth.url}/signup`;
+    const headers = {
+      'Content-Type': 'application/json',
+      'apikey': supabase.supabaseKey,
+      'Authorization': `Bearer ${supabase.supabaseKey}`,
+    };
+    
+    console.log('회원가입 API 요청 URL:', signUpUrl);
+    
+    // 회원가입 요청 보내기
+    const response = await fetch(signUpUrl, {
+      method: 'POST',
+      headers,
+      body: JSON.stringify({ 
+        email, 
+        password,
+        data: { username }
+      })
+    });
+    
+    console.log('회원가입 API 응답 상태:', response.status);
+    
+    // HTTP 상태 코드 확인
+    if (response.status === 401) {
+      showAuthToast('회원가입 실패', '인증 오류: API 키가 올바르지 않거나 서버 설정 문제가 있습니다.', 'destructive');
+      return { 
+        error: { message: '인증 오류: API 키가 올바르지 않거나 서버 설정 문제가 있습니다.' }, 
+        user: null 
+      };
+    }
+    
+    if (response.status === 404) {
+      showAuthToast('회원가입 실패', '서버 경로를 찾을 수 없습니다. Supabase URL을 확인하세요.', 'destructive');
+      return { 
+        error: { message: '서버 경로를 찾을 수 없습니다. Supabase URL을 확인하세요.' }, 
+        user: null 
+      };
+    }
+    
+    if (response.status === 500) {
+      showAuthToast('회원가입 실패', '서버 내부 오류가 발생했습니다.', 'destructive');
+      return { 
+        error: { message: '서버 내부 오류가 발생했습니다.' }, 
+        user: null 
+      };
+    }
+    
+    // 응답 본문이 비어 있는지 확인
+    const responseText = await response.text();
+    if (!responseText || responseText.trim() === '') {
+      if (response.ok) {
+        // 응답이 비어 있지만 상태 코드가 성공인 경우
+        showAuthToast('회원가입 가능성 있음', '서버가 빈 응답을 반환했지만 상태 코드는 성공입니다. 로그인을 시도해보세요.');
+        return { 
+          error: null, 
+          user: { email, username } 
+        };
+      } else {
+        // 응답이 비어 있고 상태 코드가 실패인 경우
+        showAuthToast('회원가입 실패', `서버가 빈 응답을 반환했습니다 (${response.status}). 서버 설정을 확인하세요.`, 'destructive');
+        return { 
+          error: { 
+            message: `서버가 빈 응답을 반환했습니다 (${response.status}). 서버 설정을 확인하세요.` 
+          }, 
+          user: null 
+        };
+      }
+    }
+    
+    // 응답 JSON 파싱 시도
+    let result;
+    try {
+      result = JSON.parse(responseText);
+    } catch (jsonError) {
+      console.error('JSON 파싱 오류:', jsonError, '원본 텍스트:', responseText);
+      
+      if (response.ok) {
+        // 파싱 오류지만 상태 코드가 성공인 경우
+        showAuthToast('회원가입 가능성 있음', '서버 응답을 해석할 수 없지만 상태 코드는 성공입니다. 로그인을 시도해보세요.');
+        return { 
+          error: null, 
+          user: { email, username } 
+        };
+      } else {
+        // 파싱 오류이고 상태 코드도 실패인 경우
+        showAuthToast('회원가입 실패', `서버 응답을 해석할 수 없습니다 (${response.status}). 서버 설정을 확인하세요.`, 'destructive');
+        return { 
+          error: { 
+            message: `서버 응답을 해석할 수 없습니다 (${response.status}). 서버 설정을 확인하세요.` 
+          }, 
+          user: null 
+        };
+      }
+    }
+    
+    // 응답 분석 및 결과 반환
+    if (result.error) {
+      showAuthToast('회원가입 실패', result.error_description || result.error || '회원가입에 실패했습니다.', 'destructive');
+      return { 
+        error: { message: result.error_description || result.error }, 
+        user: null 
+      };
+    }
+    
+    if (result.id || result.user || result.data?.user) {
+      showAuthToast('회원가입 성공', '이메일 확인 후 로그인해주세요.');
+      return { 
+        error: null, 
+        user: result.user || result.data?.user || { id: result.id, email, username } 
+      };
+    }
+    
+    // 알 수 없는 응답 형식
+    console.warn('알 수 없는 회원가입 API 응답 형식:', result);
+    showAuthToast('회원가입 결과 불명확', '로그인을 시도해보세요.', 'destructive');
+    return { 
+      error: { message: '서버 응답을 해석할 수 없습니다.' }, 
+      user: null 
+    };
+  } catch (error: any) {
+    console.error('직접 API 호출 회원가입 중 오류:', error);
+    
+    // 네트워크 오류 확인
+    const errorMessage = handleNetworkError(error);
+    
+    showAuthToast('회원가입 API 호출 실패', errorMessage, 'destructive');
+    return { 
+      error: { message: errorMessage }, 
+      user: null 
+    };
+  }
+};