Investigate Supabase connection issues

Investigate the cause of "Unexpected end of JSON input" error despite successful Supabase connection test.

src/contexts/auth/signUp.ts

@@ -1,58 +1,105 @@
 
 import { supabase } from '@/lib/supabase';
-import { handleNetworkError, showAuthToast } from './auth.utils';
+import { handleNetworkError, parseResponse, showAuthToast } from './auth.utils';
 
 export const signUp = async (email: string, password: string, username: string) => {
   try {
     console.log('회원가입 시도:', { email, username });
     
     // 회원가입 시도
-    const { data, error } = await supabase.auth.signUp({
-      email,
-      password,
-      options: {
-        data: {
-          username,
+    try {
+      const { data, error } = await supabase.auth.signUp({
+        email,
+        password,
+        options: {
+          data: {
+            username,
+          },
         },
-      },
-    });
+      });
 
-    if (error) {
-      console.error('회원가입 오류:', error);
+      if (error) {
+        console.error('회원가입 오류:', error);
+        
+        // 사용자 친화적인 오류 메시지 설정
+        let errorMessage = error.message;
+        
+        if (error.message.includes('User already registered')) {
+          errorMessage = '이미 등록된 이메일입니다. 로그인을 시도하세요.';
+        } else if (error.message.includes('Password should be at least')) {
+          errorMessage = '비밀번호는 최소 6자 이상이어야 합니다.';
+        } else if (error.message.includes('Invalid email')) {
+          errorMessage = '유효하지 않은 이메일 형식입니다.';
+        } else if (error.message.includes('Unable to validate')) {
+          errorMessage = '서버 연결 문제: 이메일 검증에 실패했습니다.';
+        } else if (error.message.includes('json')) {
+          errorMessage = '서버 응답 형식 오류: 올바른 JSON 응답이 없습니다.';
+        } else if (error.message.includes('fetch failed')) {
+          errorMessage = '서버 연결에 실패했습니다. 네트워크 연결 또는 서버 상태를 확인하세요.';
+        } else if (error.message.includes('Failed to fetch')) {
+          errorMessage = 'CORS 오류가 발생했습니다. 서버 설정을 확인하거나 네트워크 관리자에게 문의하세요.';
+        }
+        
+        showAuthToast('회원가입 실패', errorMessage, 'destructive');
+        return { error, user: null };
+      }
+
+      // 성공 메시지 표시
+      showAuthToast('회원가입 성공', '이메일 확인 후 로그인해주세요.');
       
-      // 사용자 친화적인 오류 메시지 설정
-      let errorMessage = error.message;
-      
-      if (error.message.includes('User already registered')) {
-        errorMessage = '이미 등록된 이메일입니다. 로그인을 시도하세요.';
-      } else if (error.message.includes('Password should be at least')) {
-        errorMessage = '비밀번호는 최소 6자 이상이어야 합니다.';
-      } else if (error.message.includes('Invalid email')) {
-        errorMessage = '유효하지 않은 이메일 형식입니다.';
-      } else if (error.message.includes('Unable to validate')) {
-        errorMessage = '서버 연결 문제: 이메일 검증에 실패했습니다.';
-      } else if (error.message.includes('json')) {
-        errorMessage = '서버 응답 처리 오류: 네트워크 연결을 확인하세요.';
-      } else if (error.message.includes('fetch failed')) {
-        errorMessage = '서버 연결에 실패했습니다. 네트워크 연결 또는 서버 상태를 확인하세요.';
-      } else if (error.message.includes('Failed to fetch')) {
-        errorMessage = 'CORS 오류가 발생했습니다. 서버 설정을 확인하거나 네트워크 관리자에게 문의하세요.';
+      // 개발 환경 또는 데모 모드에서는 즉시 로그인 허용
+      if (import.meta.env.DEV || process.env.NODE_ENV === 'development') {
+        // 개발 환경에서는 즉시 로그인 상태로 전환
+        showAuthToast('개발 모드', '개발 환경에서는 이메일 확인 없이 로그인됩니다.');
       }
       
-      showAuthToast('회원가입 실패', errorMessage, 'destructive');
-      return { error, user: null };
+      return { error: null, user: data.user };
+    } catch (signUpError: any) {
+      console.error('기본 회원가입 방식 실패:', signUpError);
+      
+      // 특정 오류 패턴을 확인하여 대체 방법 시도
+      if (signUpError.message && (
+        signUpError.message.includes('json') || 
+        signUpError.message.includes('Unexpected end')
+      )) {
+        console.log('JSON 파싱 오류 발생, 직접 API 호출 시도');
+        
+        // 직접 API 호출 시도
+        const response = await fetch(`${supabase.auth.url}/signup`, {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+            'apikey': supabase.supabaseKey,
+            'Authorization': `Bearer ${supabase.supabaseKey}`,
+          },
+          body: JSON.stringify({ 
+            email, 
+            password,
+            data: { username },
+          })
+        });
+        
+        // 응답 처리
+        const result = await parseResponse(response);
+        
+        if (result.error) {
+          showAuthToast('회원가입 실패', result.error, 'destructive');
+          return { error: { message: result.error }, user: null };
+        }
+        
+        if (result.id) {
+          showAuthToast('회원가입 성공', '이메일 확인 후 로그인해주세요.');
+          return { error: null, user: result };
+        }
+        
+        // 알 수 없는 응답 처리
+        showAuthToast('회원가입 결과 불명확', '로그인을 시도해보세요.', 'destructive');
+        return { error: { message: '서버 응답을 해석할 수 없습니다.' }, user: null };
+      }
+      
+      // 그 외 오류는 그대로 던짐
+      throw signUpError;
     }
-
-    // 성공 메시지 표시
-    showAuthToast('회원가입 성공', '이메일 확인 후 로그인해주세요.');
-    
-    // 개발 환경 또는 데모 모드에서는 즉시 로그인 허용
-    if (import.meta.env.DEV || process.env.NODE_ENV === 'development') {
-      // 개발 환경에서는 즉시 로그인 상태로 전환
-      showAuthToast('개발 모드', '개발 환경에서는 이메일 확인 없이 로그인됩니다.');
-    }
-    
-    return { error: null, user: data.user };
   } catch (error: any) {
     console.error('회원가입 중 예외 발생:', error);