Refactor/cart

src/app/@modal/(.)body-info/_components/wrapper.tsx

@@ -2,7 +2,7 @@
 
 import { useRouter } from 'next/navigation';
 import { BodyInfoForm } from '@/components/product/size/body-info-form';
-import { UserBodyInfo } from '@/mocks/size';
+import { UserBodyInfo } from '@/types/domain/size';
 
 // 제출성공시 모달 닫기 + 뒤로가기 처리 래퍼 컴포넌트
 

src/app/@modal/(.)body-info/page.tsx

@@ -1,12 +1,14 @@
-import { fetchUserBodyInfo } from '@/mocks/size';
+import { getMyBodyInfoAction } from '@/app/actions/body-info';
 import { BodyInfoModal } from '@/components/ui/body-info-modal';
 import { BodyInfoFormWrapper } from './_components/wrapper';
 import { CloseButton } from '@/components/ui/close-button';
 
 // 사이즈 탭에서 '내 신체 정보 수정' 클릭 시 나타나는 인터셉트 모달 페이지
 
 export default async function InterceptedBodyInfoPage() {
-  const userInfo = await fetchUserBodyInfo();
+  const result = await getMyBodyInfoAction();
+  const userInfo =
+    result.success && result.data?.hasBodyInfo ? result.data : null;
 
   return (
     <BodyInfoModal>

src/app/actions/body-info.ts

@@ -1,6 +1,7 @@
 'use server';
 
 import { api, ApiError } from '@/lib/api-client';
+import { rethrowNextError } from '@/lib/server-action-utils';
 import { bodyInfoSchema, BodyInfoSchemaType } from '@/schemas/body-info';
 import { SizeOptionsData } from '@/types/domain/size';
 import { revalidatePath } from 'next/cache';
@@ -39,7 +40,7 @@ export async function getBodyInfoTermsAction(): Promise<{
     const data = await api.get<TermsData>('/users/body-info/terms');
     return { success: true, data };
   } catch (error) {
-    if (error instanceof Error && 'digest' in error) throw error;
+    rethrowNextError(error);
     console.error('Failed to fetch terms:', error);
     return { success: false, message: '약관 정보를 불러오지 못했습니다.' };
   }
@@ -83,7 +84,7 @@ export async function getMyBodyInfoAction(): Promise<{
       },
     };
   } catch (error) {
-    if (error instanceof Error && 'digest' in error) throw error;
+    rethrowNextError(error);
     console.error('Failed to fetch my body info:', error);
     return { success: false, message: '내 정보를 불러오지 못했습니다.' };
   }
@@ -134,7 +135,7 @@ export async function updateBodyInfoAction(
 
     return { success: true, message: '체형 정보가 저장되었습니다.' };
   } catch (error) {
-    if (error instanceof Error && 'digest' in error) throw error;
+    rethrowNextError(error);
     console.error('Save Error:', error);
 
     // 백엔드 에러 처리
@@ -164,7 +165,7 @@ export async function getSizeOptionsAction(): Promise<{
     );
     return { success: true, data };
   } catch (error) {
-    if (error instanceof Error && 'digest' in error) throw error;
+    rethrowNextError(error);
     console.error('Failed to fetch size options:', error);
     return { success: false, message: '사이즈 정보를 불러오지 못했습니다.' };
   }

src/app/actions/cart.ts

@@ -7,14 +7,15 @@ import {
   CartUpdateRequest,
 } from '@/types/domain/cart';
 import { revalidatePath } from 'next/cache';
+import { rethrowNextError } from '@/lib/server-action-utils';
 
 /** 내 장바구니 목록 조회 */
 export async function getCartItems(): Promise<CartResponse[]> {
   try {
     const cartItems = await api.get<CartResponse[]>('/carts');
     return cartItems;
   } catch (error) {
-    if (error instanceof Error && 'digest' in error) throw error;
+    rethrowNextError(error);
     console.error('장바구니 조회 실패:', error);
     return [];
   }
@@ -27,7 +28,7 @@ export async function addToCart(data: CartCreateRequest) {
     revalidatePath('/cart');
     return { success: true, message: '장바구니에 상품을 담았습니다.' };
   } catch (error) {
-    if (error instanceof Error && 'digest' in error) throw error;
+    rethrowNextError(error);
     console.error('장바구니 담기 실패:', error);
     return {
       success: false,
@@ -44,7 +45,7 @@ export async function updateCartItem(cartId: number, data: CartUpdateRequest) {
     revalidatePath('/cart');
     return { success: true, message: '장바구니가 수정되었습니다.' };
   } catch (error) {
-    if (error instanceof Error && 'digest' in error) throw error;
+    rethrowNextError(error);
     console.error('장바구니 수정 실패:', error);
     return {
       success: false,
@@ -60,7 +61,7 @@ export async function deleteCartItem(cartId: number) {
     revalidatePath('/cart');
     return { success: true, message: '상품이 삭제되었습니다.' };
   } catch (error) {
-    if (error instanceof Error && 'digest' in error) throw error;
+    rethrowNextError(error);
     console.error('장바구니 삭제 실패:', error);
     return {
       success: false,
@@ -82,7 +83,7 @@ export async function deleteCartItems(cartIds: number[]) {
     revalidatePath('/cart');
     return { success: true, message: '선택한 상품이 삭제되었습니다.' };
   } catch (error) {
-    if (error instanceof Error && 'digest' in error) throw error;
+    rethrowNextError(error);
     console.error('장바구니 일괄 삭제 실패:', error);
     return {
       success: false,
@@ -101,7 +102,7 @@ export async function getCartCount(): Promise<number> {
     }
     return data.count;
   } catch (error) {
-    if (error instanceof Error && 'digest' in error) throw error;
+    rethrowNextError(error);
     console.error('장바구니 개수 조회 실패:', error);
     return 0;
   }

src/app/actions/order.ts

@@ -3,6 +3,7 @@
 import { api } from '@/lib/api-client';
 import { revalidatePath } from 'next/cache';
 import { redirect, notFound } from 'next/navigation';
+import { rethrowNextError } from '@/lib/server-action-utils';
 import {
   OrderFromCartRequest,
   OrderFromProductRequest,
@@ -29,7 +30,7 @@ export async function createOrderFromCart(
     revalidatePath('/cart');
     return orderId;
   } catch (error) {
-    if (error instanceof Error && 'digest' in error) throw error;
+    rethrowNextError(error);
     console.error('장바구니 상품 주문 실패:', error);
     throw new Error(
       error instanceof Error
@@ -50,7 +51,7 @@ export async function createOrderFromProduct(
     );
     return orderId;
   } catch (error) {
-    if (error instanceof Error && 'digest' in error) throw error;
+    rethrowNextError(error);
     console.error('상품 직접 주문 실패:', error);
     throw new Error(
       error instanceof Error ? error.message : '상품 직접 주문에 실패했습니다.',
@@ -136,7 +137,7 @@ export async function getOrders(
     });
     return response;
   } catch (error) {
-    if (error instanceof Error && 'digest' in error) throw error;
+    rethrowNextError(error);
     console.error('주문 내역 조회 실패:', error);
     throw new Error(
       error instanceof Error ? error.message : '주문 내역 조회에 실패했습니다.',
@@ -154,7 +155,7 @@ export async function getRefundInfo(
     );
     return response;
   } catch (error) {
-    if (error instanceof Error && 'digest' in error) throw error;
+    rethrowNextError(error);
     console.error('환불 정보 조회 실패:', error);
     throw new Error(
       error instanceof Error ? error.message : '환불 정보 조회에 실패했습니다.',
@@ -175,7 +176,7 @@ export async function cancelOrder(
     revalidatePath('/orders');
     return response;
   } catch (error) {
-    if (error instanceof Error && 'digest' in error) throw error;
+    rethrowNextError(error);
     console.error('주문 취소 실패:', error);
     throw new Error(
       error instanceof Error ? error.message : '주문 취소에 실패했습니다.',
@@ -189,7 +190,7 @@ export async function getOrderDetail(orderId: number): Promise<OrderDetail> {
     const orderDetail = await api.get<OrderDetail>(`/orders/${orderId}`);
     return orderDetail;
   } catch (error) {
-    if (error instanceof Error && 'digest' in error) throw error;
+    rethrowNextError(error);
     console.error('주문 상세 조회 실패:', error);
     throw new Error(
       error instanceof Error ? error.message : '주문 상세 조회에 실패했습니다.',
@@ -203,7 +204,7 @@ export async function deleteOrder(orderId: number): Promise<void> {
     await api.delete(`/orders/${orderId}`);
     revalidatePath('/orders');
   } catch (error) {
-    if (error instanceof Error && 'digest' in error) throw error;
+    rethrowNextError(error);
     console.error('주문 내역 삭제 실패:', error);
     throw new Error(
       error instanceof Error ? error.message : '주문 내역 삭제에 실패했습니다.',

src/app/actions/product.ts

@@ -1,7 +1,12 @@
 'use server';
 
 import { api } from '@/lib/api-client';
-import type { ProductDetail } from '@/types/domain/product';
+import { rethrowNextError } from '@/lib/server-action-utils';
+import type {
+  Product,
+  ProductDetail,
+  ProductOption,
+} from '@/types/domain/product';
 
 /** 상품 상세 조회 */
 export async function getProductDetail(
@@ -11,10 +16,40 @@ export async function getProductDetail(
     const product = await api.get<ProductDetail>(`/products/${productId}`);
     return product;
   } catch (error) {
-    if (error instanceof Error && 'digest' in error) throw error;
+    rethrowNextError(error);
     console.error('상품 상세 조회 실패:', error);
     throw new Error(
       error instanceof Error ? error.message : '상품 상세 조회에 실패했습니다.',
     );
   }
 }
+
+/** 비슷한 상품 조회 */
+export async function getSimilarProducts(
+  productId: number,
+): Promise<Product[]> {
+  try {
+    const products = await api.get<Product[]>(`/products/${productId}/similar`);
+    return products;
+  } catch (error) {
+    rethrowNextError(error);
+    console.error('비슷한 상품 조회 실패:', error);
+    return [];
+  }
+}
+
+/** 상품 옵션 조회 */
+export async function getProductOptions(
+  productId: number,
+): Promise<ProductOption[]> {
+  try {
+    const options = await api.get<ProductOption[]>(
+      `/products/${productId}/options`,
+    );
+    return options;
+  } catch (error) {
+    rethrowNextError(error);
+    console.error('상품 옵션 조회 실패:', error);
+    return [];
+  }
+}

src/app/actions/user.ts

@@ -1,6 +1,7 @@
 'use server';
 
 import { api } from '@/lib/api-client';
+import { rethrowNextError } from '@/lib/server-action-utils';
 import type { UserInfoResDto } from '@/types/domain/user';
 
 /** 내 정보 조회 */
@@ -12,7 +13,7 @@ export async function getUserInfo(): Promise<UserInfoResDto> {
     }
     return user;
   } catch (error) {
-    if (error instanceof Error && 'digest' in error) throw error;
+    rethrowNextError(error);
     console.error('유저 정보 조회 실패:', error);
     throw new Error(
       error instanceof Error ? error.message : '유저 정보 조회에 실패했습니다.',

src/app/actions/wishlist.ts

@@ -2,6 +2,7 @@
 
 import { revalidatePath } from 'next/cache';
 import { api } from '@/lib/api-client';
+import { rethrowNextError } from '@/lib/server-action-utils';
 import { WishlistItem } from '@/types/domain/wishlist';
 
 /**
@@ -19,7 +20,7 @@ export async function addToWishlist(productId: number) {
 
     return { success: true, data };
   } catch (error) {
-    if (error instanceof Error && 'digest' in error) throw error;
+    rethrowNextError(error);
     console.error('Add to wishlist error:', error);
     return { success: false, error: '찜하기에 실패했습니다.' };
   }
@@ -36,7 +37,7 @@ export async function deleteFromWishlist(wishlistId: number) {
 
     return { success: true, wishlistId };
   } catch (error) {
-    if (error instanceof Error && 'digest' in error) throw error;
+    rethrowNextError(error);
     console.error('Delete from wishlist error:', error);
     return { success: false, error: '찜 취소에 실패했습니다.' };
   }
@@ -52,7 +53,7 @@ export async function getMyWishlist(categoryId?: number) {
 
     return data;
   } catch (error) {
-    if (error instanceof Error && 'digest' in error) throw error;
+    rethrowNextError(error);
     console.error('Get wishlist error:', error);
     return [];
   }

src/app/body-info/page.tsx

@@ -1,11 +1,13 @@
-import { fetchUserBodyInfo } from '@/mocks/size';
+import { getMyBodyInfoAction } from '@/app/actions/body-info';
 import { BodyInfoForm } from '@/components/product/size/body-info-form';
 import { CloseButton } from '../../components/ui/close-button';
 
 // 내 신체 정보 수정 페이지(마이페이지용)
 
 export default async function BodyInfoPage() {
-  const userInfo = await fetchUserBodyInfo();
+  const result = await getMyBodyInfoAction();
+  const userInfo =
+    result.success && result.data?.hasBodyInfo ? result.data : null;
 
   return (
     <div className="flex h-full items-center justify-center bg-gray-50">

src/app/cart/page.tsx

@@ -1,12 +1,11 @@
 import { Metadata } from 'next';
 import { getCartItems } from '@/app/actions/cart';
+import { rethrowNextError } from '@/lib/server-action-utils';
 import { CloseButton } from '@/components/ui/close-button';
 import { CartProvider } from '@/components/cart/cart-context';
-import {
-  CartHeaderControl,
-  CartItemList,
-  CartSummaryFooter,
-} from '@/components/cart/cart-views';
+import CartHeaderControl from '@/components/cart/cart-header-control';
+import CartItemList from '@/components/cart/cart-item-list';
+import CartSummaryFooter from '@/components/cart/cart-summary-footer';
 import type { CartResponse } from '@/types/domain/cart';
 
 export const metadata: Metadata = {
@@ -20,7 +19,7 @@ export default async function CartPage() {
   try {
     cartItems = await getCartItems();
   } catch (error) {
-    if (error instanceof Error && 'digest' in error) throw error;
+    rethrowNextError(error);
     console.error('Failed to fetch cart items:', error);
   }
 

src/app/layout.tsx

@@ -3,7 +3,7 @@ import { Geist, Geist_Mono } from 'next/font/google';
 import './globals.css';
 import ServiceWorkerRegister from '@/components/sw-register';
 import { Suspense } from 'react';
-import { CartDataFetcher } from '@/components/cart/cart-data-fetcher';
+import CartDataFetcher from '@/components/cart/cart-data-fetcher';
 
 const geistSans = Geist({
   variable: '--font-geist-sans',