Refactor deleteTransaction hook

Refactors the `deleteTransaction` hook into smaller, more manageable units to improve code maintainability.

src/hooks/transactions/transactionOperations/deleteOperation/deleteTransactionCore.ts

@@ -0,0 +1,126 @@
+
+import { useCallback, MutableRefObject } from 'react';
+import { Transaction } from '@/components/TransactionCard';
+import { toast } from '@/hooks/useToast.wrapper';
+import { handleDeleteStorage } from './deleteTransactionStorage';
+import { sortTransactionsByDate } from './deleteTransactionUtils';
+
+/**
+ * 트랜잭션 삭제 핵심 기능
+ */
+export const useDeleteTransactionCore = (
+  transactions: Transaction[],
+  setTransactions: React.Dispatch<React.SetStateAction<Transaction[]>>,
+  user: any,
+  pendingDeletionRef: MutableRefObject<Set<string>>
+) => {
+  // 트랜잭션 삭제 - 안정성과 성능 개선 버전
+  return useCallback((id: string): Promise<boolean> => {
+    // pendingDeletionRef 초기화 확인
+    if (!pendingDeletionRef.current) {
+      pendingDeletionRef.current = new Set<string>();
+    }
+
+    // 기존 promise를 변수로 저장해서 참조 가능하게 함
+    const promiseObj = new Promise<boolean>((resolve, reject) => {
+      // 삭제 작업 취소 플래그 초기화
+      let isCanceled = false;
+      let timeoutId: ReturnType<typeof setTimeout> | null = null;
+      
+      try {
+        console.log('트랜잭션 삭제 작업 시작 - ID:', id);
+        
+        // 이미 삭제 중인 트랜잭션인지 확인
+        if (pendingDeletionRef.current.has(id)) {
+          console.warn('이미 삭제 중인 트랜잭션입니다:', id);
+          reject(new Error('이미 삭제 중인 트랜잭션입니다'));
+          return;
+        }
+        
+        // 삭제할 트랜잭션이 존재하는지 확인 및 데이터 복사 보관
+        const transactionToDelete = transactions.find(t => t.id === id);
+        if (!transactionToDelete) {
+          console.warn('삭제할 트랜잭션이 존재하지 않음:', id);
+          reject(new Error('트랜잭션이 존재하지 않습니다'));
+          return;
+        }
+        
+        // 삭제 중인 상태로 표시
+        pendingDeletionRef.current.add(id);
+        
+        // 즉시 상태 업데이트 (현재 상태 복사를 통한 안전한 처리)
+        const updatedTransactions = transactions.filter(transaction => transaction.id !== id);
+        
+        // UI 업데이트 - 동기식 처리
+        setTransactions(updatedTransactions);
+        
+        // 사용자 인터페이스 응답성 감소 전에 이벤트 발생 처리
+        try {
+          // 상태 업데이트 바로 후 크로스 스레드 통신 방지
+          setTimeout(() => {
+            try {
+              window.dispatchEvent(new Event('transactionUpdated'));
+            } catch (innerError) {
+              console.warn('이벤트 발생 중 비치명적 오류:', innerError);
+            }
+          }, 0);
+        } catch (eventError) {
+          console.warn('이벤트 디스패치 설정 오류:', eventError);
+        }
+        
+        // UI 스레드 블록하지 않는 너비로 requestAnimationFrame 사용
+        requestAnimationFrame(() => {
+          if (isCanceled) {
+            console.log('작업이 취소되었습니다.');
+            return;
+          }
+          
+          // 백그라운드 작업은 너비로 처리
+          timeoutId = setTimeout(() => {
+            handleDeleteStorage(
+              isCanceled, 
+              updatedTransactions, 
+              id, 
+              user, 
+              transactionToDelete,
+              pendingDeletionRef
+            );
+          }, 0);
+        });
+        
+        // 상태 업데이트가 이미 수행되었으므로 즉시 성공 반환
+        console.log('트랜잭션 삭제 UI 업데이트 완료');
+        resolve(true);
+        
+        // 취소 기능을 가진 Promise 객체 생성
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        (promiseObj as any).cancel = () => {
+          isCanceled = true;
+          
+          if (timeoutId !== null) {
+            clearTimeout(timeoutId);
+          }
+          
+          pendingDeletionRef.current?.delete(id);
+          console.log('트랜잭션 삭제 작업 취소 완료');
+        };
+      } catch (error) {
+        console.error('트랜잭션 삭제 초기화 중 오류:', error);
+        
+        // 오류 발생 시 토스트 표시
+        toast({
+          title: "시스템 오류",
+          description: "지출 삭제 중 오류가 발생했습니다.",
+          duration: 2000,
+          variant: "destructive"
+        });
+        
+        // 캣치된 모든 오류에서 보류 삭제 표시 제거
+        pendingDeletionRef.current?.delete(id);
+        reject(error);
+      }
+    });
+    
+    return promiseObj;
+  }, [transactions, setTransactions, user]);
+};