From 8b0939ff41feec5863f9a6603acda6580446fd18 Mon Sep 17 00:00:00 2001
From: bicochan <chanii8@naver.com>
Date: Thu, 27 Mar 2025 16:16:59 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EB=A9=94=EB=89=B4=20=ED=83=80=EC=9E=85?=
 =?UTF-8?q?=EB=B3=84=20=ED=8F=BC=20=EC=9E=91=EC=97=85(=EB=82=B4=EB=B6=80?=
 =?UTF-8?q?=EB=A7=81=ED=81=AC,=20=EC=99=B8=EB=B6=80=EB=A7=81=ED=81=AC,=20?=
 =?UTF-8?q?=ED=95=98=EB=8B=A8=EB=A9=94=EB=89=B4)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../cs/src/pages/menu/model/menu-interface.ts |  5 ++-
 .../src/pages/menu/ui/base-type-menu-form.tsx |  2 +-
 .../cs/src/pages/menu/ui/inside-menu-form.tsx | 38 ++++++++++++++++++-
 apps/cs/src/pages/menu/ui/menu-page.tsx       |  1 +
 .../src/pages/menu/ui/outside-menu-form.tsx   | 38 ++++++++++++++++++-
 5 files changed, 80 insertions(+), 4 deletions(-)

diff --git a/apps/cs/src/pages/menu/model/menu-interface.ts b/apps/cs/src/pages/menu/model/menu-interface.ts
index 2498dde5f..47df6f749 100644
--- a/apps/cs/src/pages/menu/model/menu-interface.ts
+++ b/apps/cs/src/pages/menu/model/menu-interface.ts
@@ -66,7 +66,10 @@ export const menuFormSchema = z.object({
 });
 
 export type MenuFormData = z.infer<typeof menuFormSchema>;
-export type Menu = MenuFormData & { menuCd: number };
+export type Menu = Omit<MenuFormData, "iconNm"> & {
+  menuCd: number;
+  iconName?: string;
+};
 
 export interface MenuService {
   getMenuInfo: (menuCd: number) => Promise<Menu>;
diff --git a/apps/cs/src/pages/menu/ui/base-type-menu-form.tsx b/apps/cs/src/pages/menu/ui/base-type-menu-form.tsx
index 9835f1e3a..5f7c3bb45 100644
--- a/apps/cs/src/pages/menu/ui/base-type-menu-form.tsx
+++ b/apps/cs/src/pages/menu/ui/base-type-menu-form.tsx
@@ -37,7 +37,7 @@ function BaseTypeMenuForm({ form }: { form: UseFormReturn<MenuFormData> }) {
                     {...field}
                     value={field.value ?? ""}
                     className="!text-[1.3rem]"
-                    placeholder="메뉴 서브명을 입력하십시오."
+                    placeholder="사이트맵에서 다른 이름으로 사용할 경우 입력하십시오."
                   />
                 </FormControl>
                 <FormMessage />
diff --git a/apps/cs/src/pages/menu/ui/inside-menu-form.tsx b/apps/cs/src/pages/menu/ui/inside-menu-form.tsx
index f2fed53cf..f671c7d26 100644
--- a/apps/cs/src/pages/menu/ui/inside-menu-form.tsx
+++ b/apps/cs/src/pages/menu/ui/inside-menu-form.tsx
@@ -1,5 +1,18 @@
 import { type UseFormReturn } from "react-hook-form";
-import { Table, TableBody } from "@common/components";
+import {
+  Input,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableRow,
+} from "@common/components";
+import {
+  FormField,
+  FormItem,
+  FormControl,
+  FormMessage,
+} from "@/shared/ui/form";
 import type { MenuFormData } from "../model/menu-interface";
 import { BaseTypeMenuForm } from "./base-type-menu-form";
 
@@ -11,6 +24,29 @@ function InsideMenuForm({ form }: { form: UseFormReturn<MenuFormData> }) {
         <col width="80%" />
       </colgroup>
       <TableBody>
+        <TableRow>
+          <TableHead>연결 URL</TableHead>
+          <TableCell className="border">
+            <FormField
+              control={form.control}
+              name="urlPath"
+              render={({ field }) => (
+                <FormItem>
+                  <FormControl>
+                    <Input
+                      {...field}
+                      value={field.value ?? ""}
+                      className="!text-[1.3rem]"
+                      placeholder="메뉴에 연결된 페이지의 경로를 입력하십시오."
+                    />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          </TableCell>
+        </TableRow>
+        {/* TODO: 연결 형태 추가 */}
         <BaseTypeMenuForm form={form} />
       </TableBody>
     </Table>
diff --git a/apps/cs/src/pages/menu/ui/menu-page.tsx b/apps/cs/src/pages/menu/ui/menu-page.tsx
index 12b4de492..f06f7a773 100644
--- a/apps/cs/src/pages/menu/ui/menu-page.tsx
+++ b/apps/cs/src/pages/menu/ui/menu-page.tsx
@@ -122,6 +122,7 @@ function MenuPage() {
       otptYn: menuInfo?.otptYn ?? "Y",
       evlUseYn: menuInfo?.evlUseYn ?? "Y",
       useYn: menuInfo?.useYn ?? "Y",
+      iconNm: menuInfo?.iconName,
     },
   });
 
diff --git a/apps/cs/src/pages/menu/ui/outside-menu-form.tsx b/apps/cs/src/pages/menu/ui/outside-menu-form.tsx
index ac72a2892..035d2dbda 100644
--- a/apps/cs/src/pages/menu/ui/outside-menu-form.tsx
+++ b/apps/cs/src/pages/menu/ui/outside-menu-form.tsx
@@ -1,5 +1,18 @@
 import { type UseFormReturn } from "react-hook-form";
-import { Table, TableBody } from "@common/components";
+import {
+  Input,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableRow,
+} from "@common/components";
+import {
+  FormField,
+  FormItem,
+  FormControl,
+  FormMessage,
+} from "@/shared/ui/form";
 import type { MenuFormData } from "../model/menu-interface";
 import { BaseTypeMenuForm } from "./base-type-menu-form";
 
@@ -11,6 +24,29 @@ function OutsideMenuForm({ form }: { form: UseFormReturn<MenuFormData> }) {
         <col width="80%" />
       </colgroup>
       <TableBody>
+        <TableRow>
+          <TableHead>연결 URL</TableHead>
+          <TableCell className="border">
+            <FormField
+              control={form.control}
+              name="urlPath"
+              render={({ field }) => (
+                <FormItem>
+                  <FormControl>
+                    <Input
+                      {...field}
+                      value={field.value ?? ""}
+                      className="!text-[1.3rem]"
+                      placeholder="'http://' 또는 'https://'를 포함하여 입력하십시오."
+                    />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          </TableCell>
+        </TableRow>
+        {/* TODO: 연결 형태 추가 */}
         <BaseTypeMenuForm form={form} />
       </TableBody>
     </Table>