Commit @bf7d4b6cc52a7e217b2cd2715ba80daec33c1261

임동욱 08-21

fix: 관리자 메뉴관리를 앱 메뉴 API에서 떼어 mock으로

기획 ADM_MNU_001/002_p/003_p. 화면은 이미 세 시안대로 있었지만 두 가지가 어긋나
있었다.

1. 저장소가 /api/v1/mngr/menu(TB_SYS_MENU)를 불렀다. 그건 앱 메뉴이고 「시스템관리 >
   메뉴관리」가 이미 같은 표를 편집한다 — 이 화면에서 삭제하면 앱 메뉴가 사라졌다.
   전용 API가 없으므로(사용자 확정) 같은 인터페이스의 mock으로 끊는다.
2. 사이드바에 없어 들어갈 길이 없었다. 관리자정보관리 아래에 넣는다.

mock 삭제는 하위 가지까지 함께 지우고, 새 번호는 전역 최댓값+1로 매긴다 — 형제
안에서만 세는 백엔드 채번 결함을 답습하지 않는다.

Co-Authored-By: Claude Opus 5

@bf7d4b6cc52a7e217b2cd2715ba80daec33c1261

98546d4

bf7d4b6

lib/data/repositories/admin-menu-repository.ts

--- lib/data/repositories/admin-menu-repository.ts

+++ lib/data/repositories/admin-menu-repository.ts


 import 'server-only';
-import { cache } from 'react';
-import { getSessionAccessToken } from '@/lib/auth/dal';
-import { BackendRequestError, backendFetch } from '@/lib/http/backend-fetch';
 import type { AdminMenu } from '@/lib/domain/admin-menu';
-import { toYesNo } from '@/lib/domain/admin-menu';
 import type { AdminMenuValues } from '@/lib/domain/admin-menu-form';
 
-/*
- * GET    /api/v1/mngr/menu/pagination   목록 (TB_SYS_MENU)
- * POST   /api/v1/mngr/menu              등록 — 어노테이션 없음 → form
- * PUT    /api/v1/mngr/menu/{menuId}     수정 — @RequestBody(JSON)
- * DELETE /api/v1/mngr/menu/{menuId}     삭제
+/**
+ * 관리자페이지 메뉴 Repository — 기획 ADM_MNU_001/002_p/003_p.
  *
- * 이슈(백엔드, 보고함):
- * 1. `DELETE`의 `menuId`에 `@PathVariable`이 없어 경로값이 바인딩되지 않는다 → 항상 실패한다.
- * 2. 등록의 menuId 채번이 `MAX(menu_id) WHERE UP_MENU_ID = ?`라 상위별 최대값이다 → 자식이 없는
- *    메뉴에 처음 추가하면 이미 존재하는 번호가 나와 PK 충돌로 실패한다.
- * 3. `GET /{menuId}`는 경로변수 이름이 `userId`로 어긋나 있고 빈 VO로 조회한다 → 쓰지 않는다.
- *    수정 팝업의 초기값은 목록 응답에서 넘겨 채운다.
- * 4. `totalCount`가 현재 페이지 행 수다(다른 목록과 같은 PaginationUtil 결함).
- * 5. 새창여부에 해당하는 컬럼이 없다 — 화면은 기획대로 그리되 저장되지 않는다.
+ * TODO(백엔드): 이 화면의 API가 아직 없다. 아래 mock 저장소를 지우고 다른 Repository처럼
+ * backendFetch + getSessionAccessToken으로 교체하면 호출부는 그대로 둘 수 있다.
+ *
+ * ⚠️ 종전에는 `/api/v1/mngr/menu`(TB_SYS_MENU)를 불렀는데, 그것은 **앱 메뉴**이고
+ * 「시스템관리 > 메뉴관리」가 이미 같은 표를 편집한다. 두 화면이 같은 행을 고치게 되어
+ * 이 화면에서 삭제하면 앱 메뉴가 사라졌다. 전용 API가 나오기 전까지 mock으로 끊어 둔다.
+ *
+ * 이슈: 저장소가 모듈 메모리라 서버를 다시 띄우면 수정·삭제가 초기값으로 되돌아간다.
  */
 
-const ADMIN_MENU_PATH = '/api/v1/mngr/menu';
+const ALL_USERS = { roleId: 'ROLE_USER', roleName: '모든 사용자' };
+const STUDENT = { roleId: 'ROLE_STUDENT', roleName: '수강생' };
 
-// 기획이 "페이징 없이 전체 노출"이라 한 장으로 받는다.
-const FETCH_LIMIT = 10_000;
+let MENUS: AdminMenu[] = [
+  {
+    id: '14',
+    parentId: null,
+    name: 'FOX PAY',
+    url: '/main',
+    description: '메인',
+    sortOrder: 1,
+    isActive: true,
+    isTopActive: true,
+    ...ALL_USERS,
+  },
+  {
+    id: '15',
+    parentId: '14',
+    name: '서비스 소개',
+    url: '/intro',
+    description: '서비스 소개',
+    sortOrder: 1,
+    isActive: true,
+    isTopActive: false,
+    ...ALL_USERS,
+  },
+  {
+    id: '1',
+    parentId: null,
+    name: '고객센터',
+    url: '/cs',
+    description: '고객센터',
+    sortOrder: 2,
+    isActive: true,
+    isTopActive: true,
+    ...ALL_USERS,
+  },
+  {
+    id: '16',
+    parentId: '1',
+    name: '이용 문의',
+    url: '/cs/inquiry',
+    description: '1:1 문의',
+    sortOrder: 1,
+    isActive: true,
+    isTopActive: false,
+    ...ALL_USERS,
+  },
+  {
+    id: '4',
+    parentId: null,
+    name: '내 강의실',
+    url: '/class',
+    description: '내 강의실',
+    sortOrder: 4,
+    isActive: true,
+    isTopActive: true,
+    ...STUDENT,
+  },
+  {
+    id: '5',
+    parentId: '4',
+    name: '교육 신청 이력',
+    url: '/class/history',
+    description: '교육 신청 이력',
+    sortOrder: 1,
+    isActive: true,
+    isTopActive: false,
+    ...STUDENT,
+  },
+  {
+    id: '9',
+    parentId: '4',
+    name: '내 정보 수정',
+    url: '/class/profile',
+    description: '내 정보 수정',
+    sortOrder: 6,
+    isActive: false,
+    isTopActive: false,
+    ...STUDENT,
+  },
+];
 
-function isRecord(value: unknown): value is Record<string, unknown> {
-  return value !== null && typeof value === 'object';
+/** 기획 ADM_MNU_001 ① — 메뉴 등록순 정렬. */
+export async function fetchAdminMenus(): Promise<AdminMenu[]> {
+  return MENUS.map((menu) => ({ ...menu }));
 }
 
-function readString(source: Record<string, unknown>, key: string): string {
-  const value = source[key];
-  return typeof value === 'string' ? value : '';
-}
-
-function readNumber(source: Record<string, unknown>, key: string): number {
-  const value = source[key];
-  return typeof value === 'number' ? value : 0;
-}
-
-function toAdminMenu(raw: unknown): AdminMenu {
-  if (!isRecord(raw)) {
-    throw new Error('메뉴 응답 항목의 형식이 올바르지 않습니다.');
-  }
-
-  const id = readString(raw, 'menuId');
-  if (!id) {
-    throw new Error('메뉴 응답에 menuId가 없습니다.');
-  }
-
-  const parentId = readString(raw, 'upMenuId');
-
-  return {
-    id,
-    parentId: parentId || null,
-    name: readString(raw, 'menuName'),
-    url: readString(raw, 'menuUrl'),
-    description: readString(raw, 'menuExplan'),
-    sortOrder: readNumber(raw, 'sortOrdr'),
-    roleId: readString(raw, 'roleId'),
-    roleName: readString(raw, 'roleNm'),
-    isActive: readString(raw, 'useYn') !== 'N',
-    isTopActive: readString(raw, 'topYn') === 'Y',
-  };
-}
-
-export const fetchAdminMenus = cache(async (): Promise<AdminMenu[]> => {
-  const accessToken = await getSessionAccessToken();
-
-  const result = await backendFetch<unknown>(`${ADMIN_MENU_PATH}/pagination`, {
-    method: 'GET',
-    query: { pageIndex: 1, recordCountPerPage: FETCH_LIMIT },
-    accessToken: accessToken ?? undefined,
-    cache: 'no-store',
-  });
-
-  if (!result.ok) {
-    throw new BackendRequestError(result);
-  }
-
-  const data = result.data;
-  if (!isRecord(data) || !Array.isArray(data.list)) {
-    throw new Error('메뉴 목록 응답의 형식이 올바르지 않습니다.');
-  }
-
-  return data.list.map(toAdminMenu);
-});
-
-function buildPayload(values: AdminMenuValues) {
-  return {
-    menuName: values.name,
-    menuUrl: values.url,
-    menuExplan: values.description,
-    sortOrdr: values.sortOrder,
-    roleId: values.roleId,
-    useYn: toYesNo(values.isActive),
-    topYn: toYesNo(values.isTopActive),
-  };
+function roleNameOf(roleId: string): string {
+  return (
+    MENUS.find((menu) => menu.roleId === roleId)?.roleName ?? roleId
+  );
 }
 
 export async function createAdminMenu(
   parentId: string,
   values: AdminMenuValues
 ): Promise<void> {
-  const accessToken = await getSessionAccessToken();
-
-  const result = await backendFetch<null>(ADMIN_MENU_PATH, {
-    method: 'POST',
-    form: { ...buildPayload(values), upMenuId: parentId },
-    accessToken: accessToken ?? undefined,
-    cache: 'no-store',
-    canHaveNullData: true,
-  });
-
-  if (!result.ok) {
-    throw new BackendRequestError(result);
+  if (!MENUS.some((menu) => menu.id === parentId)) {
+    throw new Error('상위 메뉴를 찾을 수 없습니다.');
   }
+
+  // 전체에서 가장 큰 번호 다음 — 형제 안에서만 세면 다른 가지와 번호가 겹친다.
+  const nextId = MENUS.reduce(
+    (max, menu) => Math.max(max, Number(menu.id) || 0),
+    0
+  ) + 1;
+
+  MENUS = [
+    ...MENUS,
+    {
+      id: String(nextId),
+      parentId,
+      name: values.name,
+      url: values.url,
+      description: values.description,
+      sortOrder: values.sortOrder,
+      roleId: values.roleId,
+      roleName: roleNameOf(values.roleId),
+      isActive: values.isActive,
+      isTopActive: values.isTopActive,
+    },
+  ];
 }
 
 export async function updateAdminMenu(
   menuId: string,
   values: AdminMenuValues
 ): Promise<void> {
-  const accessToken = await getSessionAccessToken();
-
-  const result = await backendFetch<null>(
-    `${ADMIN_MENU_PATH}/${encodeURIComponent(menuId)}`,
-    {
-      method: 'PUT',
-      body: buildPayload(values),
-      accessToken: accessToken ?? undefined,
-      cache: 'no-store',
-      canHaveNullData: true,
-    }
-  );
-
-  if (!result.ok) {
-    throw new BackendRequestError(result);
+  const index = MENUS.findIndex((menu) => menu.id === menuId);
+  if (index < 0) {
+    throw new Error('메뉴를 찾을 수 없습니다.');
   }
+
+  MENUS[index] = {
+    ...MENUS[index],
+    name: values.name,
+    url: values.url,
+    description: values.description,
+    sortOrder: values.sortOrder,
+    roleId: values.roleId,
+    roleName: roleNameOf(values.roleId),
+    isActive: values.isActive,
+    isTopActive: values.isTopActive,
+  };
 }
 
+/** 하위 메뉴까지 함께 지운다 — 부모만 지우면 갈 곳 없는 가지가 남는다. */
 export async function deleteAdminMenu(menuId: string): Promise<void> {
-  const accessToken = await getSessionAccessToken();
-
-  const result = await backendFetch<null>(
-    `${ADMIN_MENU_PATH}/${encodeURIComponent(menuId)}`,
-    {
-      method: 'DELETE',
-      accessToken: accessToken ?? undefined,
-      cache: 'no-store',
-      canHaveNullData: true,
-    }
-  );
-
-  if (!result.ok) {
-    throw new BackendRequestError(result);
+  if (!MENUS.some((menu) => menu.id === menuId)) {
+    throw new Error('메뉴를 찾을 수 없습니다.');
   }
+
+  const doomed = new Set<string>([menuId]);
+  let grew = true;
+  while (grew) {
+    grew = false;
+    for (const menu of MENUS) {
+      if (menu.parentId && doomed.has(menu.parentId) && !doomed.has(menu.id)) {
+        doomed.add(menu.id);
+        grew = true;
+      }
+    }
+  }
+
+  MENUS = MENUS.filter((menu) => !doomed.has(menu.id));
 }

98546d4

bf7d4b6

lib/data/repositories/sidebar-menu-repository.ts

--- lib/data/repositories/sidebar-menu-repository.ts

+++ lib/data/repositories/sidebar-menu-repository.ts


           id: 'admins',
           label: '관리자정보관리',
           icon: 'user-square',
-          children: [{ id: 'admin-members', label: '관리자 회원', href: '/admins' }],
+          children: [
+            { id: 'admin-members', label: '관리자 회원', href: '/admins' },
+            { id: 'admin-menus', label: '메뉴관리', href: '/admins/menus' },
+          ],
         },
         {
           id: 'decoration',

Add a comment

Open 0
Closed 0

List

Delete comment