From 2f097e29984b411d084abc5b042d1a8a1153b7b8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=B5=9C=EC=A7=80=EC=B2=A0?= <jcchoi@onasys.co.kr>
Date: Sat, 2 Aug 2025 20:03:20 +0900
Subject: [PATCH] =?UTF-8?q?=EB=A9=94=EB=89=B4=20=EB=8F=84=EC=9B=80?=
 =?UTF-8?q?=EB=A7=90=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/entities/menu/model/menu-interface.ts |  2 ++
 apps/cs/src/pages/menu/ui/type-menu-form.tsx  | 30 +++++++++++++++++++
 packages/common/components/src/api/menu.ts    |  1 +
 3 files changed, 33 insertions(+)

diff --git a/apps/cs/src/entities/menu/model/menu-interface.ts b/apps/cs/src/entities/menu/model/menu-interface.ts
index 0c5f4b54c..db2c9e94d 100644
--- a/apps/cs/src/entities/menu/model/menu-interface.ts
+++ b/apps/cs/src/entities/menu/model/menu-interface.ts
@@ -29,6 +29,7 @@ export interface MenuItem {
   otptYn: string;
   newWndwYn: string;
   requiredUrlPath: boolean;
+  menuHlpCn: string;
 }
 
 export interface MenuTemporarilyStoredData {
@@ -70,6 +71,7 @@ export const menuFormSchema = z.object({
   menuPicUserUnqId: z.string().nullish(),
   menuPicUserUnqIdNm: z.string().nullish(),
   menuPicDsgnYmd: z.string().nullish(),
+  menuHlpCn: z.string().nullish(),
 });
 
 export const siteMapPayloadSchema = z.object({
diff --git a/apps/cs/src/pages/menu/ui/type-menu-form.tsx b/apps/cs/src/pages/menu/ui/type-menu-form.tsx
index b64b6063c..9f2864c3b 100644
--- a/apps/cs/src/pages/menu/ui/type-menu-form.tsx
+++ b/apps/cs/src/pages/menu/ui/type-menu-form.tsx
@@ -1,3 +1,4 @@
+import dynamic from "next/dynamic";
 import dayjs from "dayjs";
 import type { UseFormReturn } from "react-hook-form";
 import {
@@ -24,6 +25,11 @@ import { ContentSearchDialog } from "./content-search-dialog";
 import { BoardSearchDialog } from "./board-search-dialog";
 import { QRCodeDialog } from "./qrcode-dialog";
 
+const Editor = dynamic(
+  () => import("@/entities/editor").then((module) => module.Editor),
+  { ssr: false },
+);
+
 type TypeMenuFormProps = {
   form: UseFormReturn<MenuFormData>;
   menuType: MenuType;
@@ -417,6 +423,30 @@ function TypeMenuForm({ form, menuType }: TypeMenuFormProps) {
             </TableRow>
           </>
         )}
+        {menuType === "INSIDE" && (
+        <TableRow>
+            <TableHead>
+              도움말
+              <InfoTooltip text="메뉴 도움말을 입력하십시오. 메뉴 클릭시 네비게이션바에 도움말이 아이콘이 표시됩니다." />
+            </TableHead>
+            <TableCell className="border">
+              <FormField
+                control={form.control}
+                name="menuHlpCn"
+                render={({ field }) => (
+                  <FormItem>
+                        <FormControl>
+                          <Editor
+                            value={(field.value ?? "") as string}
+                            onEditorChange={field.onChange}
+                          />
+                        </FormControl>
+                  </FormItem>
+                )}
+              />
+            </TableCell>
+          </TableRow>
+        )}
       </TableBody>
     </Table>
   );
diff --git a/packages/common/components/src/api/menu.ts b/packages/common/components/src/api/menu.ts
index 82d48815f..ce6465b84 100644
--- a/packages/common/components/src/api/menu.ts
+++ b/packages/common/components/src/api/menu.ts
@@ -20,6 +20,7 @@ export interface MenuItem {
   otptYn: string;
   newWndwYn: string;
   requiredUrlPath: boolean;
+  menuHlpCn: string;
 }
 
 export interface TreeMenu extends MenuItem {