[Refactor] 배송지 등록 완료 흐름 및 mock 데이터 정리

src/App.tsx

@@ -383,7 +383,7 @@ const routes: RouteObject[] = [
                 element: <RewardAddressDetailPage />,
               },
               {
-                path: 'address-complete/:productId',
+                path: 'address-complete',
                 element: <RewardAddressCompletePage />,
               },
               {

src/constants/home.ts

@@ -0,0 +1,29 @@
+import type { HomeServiceMenuItem } from '../types/home';
+
+// 홈 화면의 고정 서비스 메뉴입니다.
+export const HOME_SERVICE_MENU_ITEMS: HomeServiceMenuItem[] = [
+  {
+    id: 'disposal-info',
+    title: '배출 정보',
+    path: '/disposal-info',
+    icon: 'trash',
+  },
+  {
+    id: 'disposal-auth',
+    title: '배출 인증',
+    path: '/certification',
+    icon: 'camera',
+  },
+  {
+    id: 'reward-save',
+    title: '리워드 적립',
+    path: '/reward',
+    icon: 'reward',
+  },
+  {
+    id: 'contribution',
+    title: '실시간 기여도',
+    path: '/my-contribution',
+    icon: 'chart',
+  },
+];

src/layouts/Layout.tsx

@@ -32,7 +32,7 @@ const Layout = () => {
   const isCamera = !!matchPath('/camera', location.pathname);
 
   const isReward = !!matchPath({ path: '/reward/*', end: false }, location.pathname);
-  const isRewardAddressComplete = !!matchPath('/reward/address-complete/:productId', location.pathname);
+  const isRewardAddressComplete = !!matchPath('/reward/address-complete', location.pathname);
   const isRewardUseComplete = !!matchPath('/reward/use-complete/:productId', location.pathname);
   const isRewardHistory = !!matchPath('/reward/history', location.pathname);
   const isRewardStore = !!matchPath('/reward/store', location.pathname);

src/pages/home-page.tsx

@@ -5,7 +5,7 @@ import LogoutIcon from '../assets/icons/logout.svg';
 import BigLogo from '../assets/icons/Big-logo.svg?react';
 import RewardIcon from '../assets/icons/reward.svg';
 import TrashIcon from '../assets/icons/trash.svg';
-import { HOME_SERVICE_MENU_ITEMS } from '../mocks/home';
+import { HOME_SERVICE_MENU_ITEMS } from '../constants/home';
 import type { HomeServiceMenuItem } from '../types/home';
 import { useNavigate } from 'react-router-dom';
 import { getMyInfo } from '../apis/user';
@@ -133,7 +133,7 @@ export default function HomePage() {
           </div>
         </section>
 
-        {/* 홈 서비스 메뉴입니다. 아이콘은 mock 데이터의 icon 값으로 매칭합니다. */}
+        {/* 홈 서비스 메뉴입니다. 아이콘은 메뉴 설정의 icon 값으로 매칭합니다. */}
         <section className='mt-7'>
           <h2 className='text-[17px] font-bold leading-none'>어떤 서비스를 찾으시나요?</h2>
           <div className='mt-4 grid grid-cols-2 gap-3'>

src/pages/reward-page/reward-address-complete-page.tsx

@@ -1,17 +1,18 @@
-import { Navigate, useNavigate, useParams } from 'react-router-dom';
+import { Navigate, useLocation, useNavigate } from 'react-router-dom';
 import FullCheck from '../../assets/icons/full-check.svg';
-import { mockRewardProducts } from '../../mocks/reward';
+
+interface RewardAddressCompleteLocationState {
+  addressCreated?: boolean;
+}
 
 export default function RewardAddressCompletePage() {
   const navigate = useNavigate();
-  const { productId } = useParams<{ productId: string }>();
-  const numericProductId = Number(productId);
-  const product = Number.isSafeInteger(numericProductId)
-    ? mockRewardProducts.find(({ id }) => id === numericProductId)
-    : undefined;
+  const { state } = useLocation();
+  const addressCreated = (state as RewardAddressCompleteLocationState | null)
+    ?.addressCreated;
 
-  if (!product || product.type !== 'PARTNER') {
-    return <Navigate to='/reward/store' replace />;
+  if (!addressCreated) {
+    return <Navigate to='/reward/address-list' replace />;
   }
 
   return (
@@ -35,7 +36,7 @@ export default function RewardAddressCompletePage() {
 
       <button
         type='button'
-        onClick={() => navigate(`/reward/checkout/${product.id}`, { replace: true })}
+        onClick={() => navigate('/reward/address-list', { replace: true })}
         className='h-[50px] w-full shrink-0 rounded-full bg-main-green1 text-base font-bold text-white'
       >
         확인

src/pages/reward-page/reward-address-detail-page.tsx

@@ -65,7 +65,10 @@ function RewardAddressDetailForm({
       await queryClient.invalidateQueries({
         queryKey: ['rewardAddressList'],
       });
-      navigate(-2);
+      navigate('/reward/address-complete', {
+        replace: true,
+        state: { addressCreated: true },
+      });
     },
     onError: (error) => {
       console.error('배송지 생성에 실패했습니다.', error);

src/types/reward.ts

@@ -4,8 +4,6 @@ export type RewardProductType = 'PARTNER_BRAND' | 'COUPON_GIFTICON';
 
 export type RewardFilterType = 'ALL' | RewardProductType;
 
-export type MockRewardProductType = 'PARTNER' | 'GIFTICON';
-
 export type RewardProductStatus = 'ACTIVE' | 'INACTIVE' | 'SOLD_OUT';
 
 export type RewardAddressType = 'HOME' | 'COMPANY' | 'SCHOOL';
@@ -77,22 +75,6 @@ export interface RewardHistoryParams {
 
 
 
-export interface RewardProduct {
-    id: number;
-    name: string;
-    type: MockRewardProductType;
-    point: number;
-    description?: string;
-    usageGuide?: string;
-    validityPeriod?: string;
-}
-
-export interface RewardShippingAddress {
-    id: number;
-    name: string;
-    address: string;
-}
-
 export interface ApiResponse<T> {
   isSuccess: boolean;
   code: string;
@@ -128,9 +110,6 @@ export interface ShippingAddressListResult {
   shippingAddresses: ShippingAddress[];
 }
 
-export type ShippingAddressListResponse =
-  ApiResponse<ShippingAddressListResult>;
-
 export interface AddressCandidates {
   roadAddress: string;
   jibunAddress: string;