refactor: 주문 정보 계산 로직을 useOrderInfo 훅으로 분리

Author: yeji0214

src/features/Cart/components/OrderConfirm.tsx

@@ -8,21 +8,14 @@ import { Text } from '@/shared/components/Text';
 import Back from '../../../../public/Back.png';
 import { StepProps } from '../../../shared/types/funnel';
 import { CartItem } from '../types/Cart.types';
+import { useOrderInfo } from '../hooks/useOrderInfo';
 
 type OrderConfirmProps = {
   cartItems: CartItem[];
 } & StepProps;
 
 export const OrderConfirm = ({ cartItems, onPrev }: OrderConfirmProps) => {
-  const hasCheckCartLength = cartItems?.filter((item) => item.isChecked).length;
-  const totalQuantity = cartItems?.reduce(
-    (acc, item) => acc + (item.isChecked ? item.quantity : 0),
-    0
-  );
-  const totalPrice = cartItems?.reduce(
-    (acc, item) => acc + (item.isChecked ? item.product.price * item.quantity : 0),
-    0
-  );
+  const { hasCheckCartLength, totalQuantity, totalPrice } = useOrderInfo(cartItems);
 
   return (
     <>

src/features/Cart/hooks/useOrderInfo.ts

@@ -0,0 +1,21 @@
+import { CartItem } from '../types/Cart.types';
+
+export const useOrderInfo = (cartItems: CartItem[] = []) => {
+  const hasCheckCartLength = cartItems.filter((item) => item.isChecked).length;
+
+  const totalQuantity = cartItems.reduce(
+    (acc, item) => acc + (item.isChecked ? item.quantity : 0),
+    0
+  );
+
+  const totalPrice = cartItems.reduce(
+    (acc, item) => acc + (item.isChecked ? item.product.price * item.quantity : 0),
+    0
+  );
+
+  return {
+    hasCheckCartLength,
+    totalQuantity,
+    totalPrice,
+  };
+};