From f59320d2ff4258a3c5986277f66954d01723aa47 Mon Sep 17 00:00:00 2001
From: bicochan <chanii8@naver.com>
Date: Fri, 28 Mar 2025 16:38:29 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20=EB=A9=94=EB=89=B4=20=ED=8F=BC=20?=
 =?UTF-8?q?=ED=8F=B4=EB=8D=94=20=EA=B5=AC=EC=A1=B0=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

rename: 다이얼로그 폴더 제거

chore: 참조 경로 수정
---
 .../cs/src/pages/menu/model/menu-interface.ts |   1 +
 .../menu/ui/{form => }/base-menu-form.tsx     |   9 +-
 .../menu/ui/{dialog => }/content-dialog.tsx   |   6 +-
 .../menu/ui/form/base-type-menu-form.tsx      | 128 -------
 .../pages/menu/ui/form/board-menu-form.tsx    | 146 --------
 .../pages/menu/ui/form/bottom-menu-form.tsx   |  20 --
 .../pages/menu/ui/form/content-menu-form.tsx  | 170 ---------
 .../pages/menu/ui/form/empty-menu-form.tsx    |  20 --
 .../pages/menu/ui/form/inside-menu-form.tsx   |  56 ---
 .../pages/menu/ui/form/outside-menu-form.tsx  |  56 ---
 .../pages/menu/ui/{form => }/menu-form.tsx    |  39 +--
 apps/cs/src/pages/menu/ui/menu-page.tsx       |   2 +-
 .../ui/{dialog => }/organization-dialog.tsx   |   6 +-
 .../permissions-management-dialog.tsx         |   0
 apps/cs/src/pages/menu/ui/type-menu-form.tsx  | 331 ++++++++++++++++++
 15 files changed, 347 insertions(+), 643 deletions(-)
 rename apps/cs/src/pages/menu/ui/{form => }/base-menu-form.tsx (92%)
 rename apps/cs/src/pages/menu/ui/{dialog => }/content-dialog.tsx (93%)
 delete mode 100644 apps/cs/src/pages/menu/ui/form/base-type-menu-form.tsx
 delete mode 100644 apps/cs/src/pages/menu/ui/form/board-menu-form.tsx
 delete mode 100644 apps/cs/src/pages/menu/ui/form/bottom-menu-form.tsx
 delete mode 100644 apps/cs/src/pages/menu/ui/form/content-menu-form.tsx
 delete mode 100644 apps/cs/src/pages/menu/ui/form/empty-menu-form.tsx
 delete mode 100644 apps/cs/src/pages/menu/ui/form/inside-menu-form.tsx
 delete mode 100644 apps/cs/src/pages/menu/ui/form/outside-menu-form.tsx
 rename apps/cs/src/pages/menu/ui/{form => }/menu-form.tsx (69%)
 rename apps/cs/src/pages/menu/ui/{dialog => }/organization-dialog.tsx (96%)
 rename apps/cs/src/pages/menu/ui/{dialog => }/permissions-management-dialog.tsx (100%)
 create mode 100644 apps/cs/src/pages/menu/ui/type-menu-form.tsx

diff --git a/apps/cs/src/pages/menu/model/menu-interface.ts b/apps/cs/src/pages/menu/model/menu-interface.ts
index fcee4c505..51258fc49 100644
--- a/apps/cs/src/pages/menu/model/menu-interface.ts
+++ b/apps/cs/src/pages/menu/model/menu-interface.ts
@@ -59,6 +59,7 @@ export const menuFormSchema = z.object({
   evlUseYn: z.string().default("Y"),
   qrcd: z.string().nullish(),
   useYn: z.string().default("Y"),
+  newWndwYn: z.string().nullish(),
   menuLnkgSnNm: z.string().nullish(),
   menuPicUserUnqId: z.string().nullish(),
   menuPicUserUnqIdNm: z.string().nullish(),
diff --git a/apps/cs/src/pages/menu/ui/form/base-menu-form.tsx b/apps/cs/src/pages/menu/ui/base-menu-form.tsx
similarity index 92%
rename from apps/cs/src/pages/menu/ui/form/base-menu-form.tsx
rename to apps/cs/src/pages/menu/ui/base-menu-form.tsx
index 7e58a63eb..62d69bb38 100644
--- a/apps/cs/src/pages/menu/ui/form/base-menu-form.tsx
+++ b/apps/cs/src/pages/menu/ui/base-menu-form.tsx
@@ -16,7 +16,7 @@ import {
   FormField,
   FormMessage,
 } from "@/shared/ui/form";
-import { MENU_TYPE, type MenuFormData } from "../../model/menu-interface";
+import { MENU_TYPE, type MenuFormData } from "../model/menu-interface";
 
 interface BaseMenuFormProps {
   form: UseFormReturn<MenuFormData>;
@@ -104,11 +104,8 @@ function BaseMenuForm({ form, menuCd }: BaseMenuFormProps) {
                             key={key}
                             className="flex items-center space-x-2"
                           >
-                            <RadioGroupItem
-                              value={value}
-                              id={`menuType${key}`}
-                            />
-                            <Label htmlFor={`menuType${key}`}>
+                            <RadioGroupItem value={value} id={key} />
+                            <Label htmlFor={key}>
                               {key === "EMPTY" && "빈메뉴"}
                               {key === "CONTENTS" && "콘텐츠"}
                               {key === "BOARD" && "게시판"}
diff --git a/apps/cs/src/pages/menu/ui/dialog/content-dialog.tsx b/apps/cs/src/pages/menu/ui/content-dialog.tsx
similarity index 93%
rename from apps/cs/src/pages/menu/ui/dialog/content-dialog.tsx
rename to apps/cs/src/pages/menu/ui/content-dialog.tsx
index 00ad8810a..2bb711833 100644
--- a/apps/cs/src/pages/menu/ui/dialog/content-dialog.tsx
+++ b/apps/cs/src/pages/menu/ui/content-dialog.tsx
@@ -16,9 +16,9 @@ import {
   Input,
 } from "@common/components/ui";
 import { ENDPOINT } from "@/shared/config";
-import { ContentApi } from "../../api/content-service";
-import type { Content } from "../../model/content-interface";
-import { columns } from "../../model/table-colums";
+import { ContentApi } from "../api/content-service";
+import type { Content } from "../model/content-interface";
+import { columns } from "../model/table-colums";
 
 type ContentDialogProps = {
   handleContentSelect: (content: Content) => void;
diff --git a/apps/cs/src/pages/menu/ui/form/base-type-menu-form.tsx b/apps/cs/src/pages/menu/ui/form/base-type-menu-form.tsx
deleted file mode 100644
index 58047ff3c..000000000
--- a/apps/cs/src/pages/menu/ui/form/base-type-menu-form.tsx
+++ /dev/null
@@ -1,128 +0,0 @@
-import { type UseFormReturn } from "react-hook-form";
-import {
-  IconFinder,
-  Input,
-  Label,
-  RadioGroup,
-  RadioGroupItem,
-  TableCell,
-  TableHead,
-  TableRow,
-} from "@common/components";
-import {
-  FormItem,
-  FormControl,
-  FormField,
-  FormMessage,
-} from "@/shared/ui/form";
-import type { MenuFormData } from "../../model/menu-interface";
-
-function BaseTypeMenuForm({ form }: { form: UseFormReturn<MenuFormData> }) {
-  const handleIconClick = (icon: string) => {
-    form.setValue("iconNm", icon);
-  };
-
-  return (
-    <>
-      <TableRow>
-        <TableHead>메뉴 서브명</TableHead>
-        <TableCell className="border">
-          <FormField
-            control={form.control}
-            name="menuSubKornNm"
-            render={({ field }) => (
-              <FormItem>
-                <FormControl>
-                  <Input
-                    {...field}
-                    value={field.value ?? ""}
-                    className="!text-[1.3rem]"
-                    placeholder="사이트맵에서 다른 이름으로 사용할 경우 입력하십시오."
-                  />
-                </FormControl>
-                <FormMessage />
-              </FormItem>
-            )}
-          />
-        </TableCell>
-      </TableRow>
-      <TableRow>
-        <TableHead>메뉴 아이콘</TableHead>
-        <TableCell className="border">
-          <div className="flex gap-2">
-            <div className="h-[3.2rem] w-[21.5rem] cursor-not-allowed rounded-md border border-input bg-form px-3 py-2 text-[1.3rem] opacity-50">
-              {form.watch("iconNm")}
-            </div>
-            <IconFinder handleClick={handleIconClick} />
-          </div>
-        </TableCell>
-      </TableRow>
-      <TableRow>
-        <TableHead>출력 여부</TableHead>
-        <TableCell className="border">
-          <FormField
-            control={form.control}
-            name="otptYn"
-            render={({ field }) => (
-              <FormItem>
-                <FormControl>
-                  <RadioGroup
-                    {...field}
-                    value={field.value ?? ""}
-                    onValueChange={field.onChange}
-                  >
-                    <div className="flex items-center space-x-4">
-                      <div className="flex items-center space-x-2">
-                        <RadioGroupItem value="Y" id="otptY" />
-                        <Label htmlFor="otptY">출력</Label>
-                      </div>
-                      <div className="flex items-center space-x-2">
-                        <RadioGroupItem value="N" id="otptN" />
-                        <Label htmlFor="otptN">출력안함</Label>
-                      </div>
-                    </div>
-                  </RadioGroup>
-                </FormControl>
-                <FormMessage />
-              </FormItem>
-            )}
-          />
-        </TableCell>
-      </TableRow>
-      <TableRow>
-        <TableHead>사용 여부</TableHead>
-        <TableCell className="border">
-          <FormField
-            control={form.control}
-            name="useYn"
-            render={({ field }) => (
-              <FormItem>
-                <FormControl>
-                  <RadioGroup
-                    {...field}
-                    value={field.value ?? ""}
-                    onValueChange={field.onChange}
-                  >
-                    <div className="flex items-center space-x-4">
-                      <div className="flex items-center space-x-2">
-                        <RadioGroupItem value="Y" id="useY" />
-                        <Label htmlFor="useY">사용</Label>
-                      </div>
-                      <div className="flex items-center space-x-2">
-                        <RadioGroupItem value="N" id="useN" />
-                        <Label htmlFor="useN">사용안함</Label>
-                      </div>
-                    </div>
-                  </RadioGroup>
-                </FormControl>
-                <FormMessage />
-              </FormItem>
-            )}
-          />
-        </TableCell>
-      </TableRow>
-    </>
-  );
-}
-
-export { BaseTypeMenuForm };
diff --git a/apps/cs/src/pages/menu/ui/form/board-menu-form.tsx b/apps/cs/src/pages/menu/ui/form/board-menu-form.tsx
deleted file mode 100644
index ec2b15378..000000000
--- a/apps/cs/src/pages/menu/ui/form/board-menu-form.tsx
+++ /dev/null
@@ -1,146 +0,0 @@
-import { type UseFormReturn } from "react-hook-form";
-import {
-  Label,
-  RadioGroup,
-  RadioGroupItem,
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableRow,
-} from "@common/components";
-import {
-  FormItem,
-  FormControl,
-  FormField,
-  FormMessage,
-} from "@/shared/ui/form";
-import type { MenuFormData } from "../../model/menu-interface";
-import { BaseTypeMenuForm } from "./base-type-menu-form";
-
-function BoardMenuForm({ form }: { form: UseFormReturn<MenuFormData> }) {
-  return (
-    <Table variant="secondary">
-      <colgroup>
-        <col width="20%" />
-        <col width="80%" />
-      </colgroup>
-      <TableBody>
-        <TableRow>
-          <TableHead>게시판</TableHead>
-          <TableCell className="border">
-            <div className="h-[3.2rem] w-[21.5rem] cursor-not-allowed rounded-md border border-input bg-form px-3 py-2 text-[1.3rem] opacity-50">
-              {form.watch("menuLnkgSn")}
-            </div>
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableHead>연결 형태</TableHead>
-          <TableCell className="border">
-            <FormField
-              control={form.control}
-              name="evlUseYn"
-              render={({ field }) => (
-                <FormItem>
-                  <FormControl>
-                    <RadioGroup
-                      value={field.value ?? ""}
-                      onValueChange={field.onChange}
-                    >
-                      <div className="flex items-center space-x-4">
-                        <div className="flex items-center space-x-2">
-                          <RadioGroupItem value="self" id="self" />
-                          <Label htmlFor="self">현재창</Label>
-                        </div>
-                        <div className="flex items-center space-x-2">
-                          <RadioGroupItem value="blank" id="blank" />
-                          <Label htmlFor="blank">새창</Label>
-                        </div>
-                      </div>
-                    </RadioGroup>
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableHead>메뉴 평가 사용 여부</TableHead>
-          <TableCell className="border">
-            <FormField
-              control={form.control}
-              name="evlUseYn"
-              render={({ field }) => (
-                <FormItem>
-                  <FormControl>
-                    <RadioGroup
-                      value={field.value ?? ""}
-                      onValueChange={field.onChange}
-                    >
-                      <div className="flex items-center space-x-4">
-                        <div className="flex items-center space-x-2">
-                          <RadioGroupItem value="Y" id="evlUseY" />
-                          <Label htmlFor="evlUseY">사용</Label>
-                        </div>
-                        <div className="flex items-center space-x-2">
-                          <RadioGroupItem value="N" id="evlUseN" />
-                          <Label htmlFor="evlUseN">사용안함</Label>
-                        </div>
-                      </div>
-                    </RadioGroup>
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-          </TableCell>
-        </TableRow>
-
-        <BaseTypeMenuForm form={form} />
-
-        <TableRow>
-          <TableHead>QR코드</TableHead>
-          <TableCell className="border">
-            <FormField
-              control={form.control}
-              name="qrcd"
-              render={({ field }) => (
-                <FormItem>
-                  <FormControl>
-                    <RadioGroup
-                      value={field.value ?? ""}
-                      onValueChange={field.onChange}
-                    >
-                      <div className="flex items-center space-x-4">
-                        <div className="flex items-center space-x-2">
-                          <RadioGroupItem value="Y" id="qrcdY" />
-                          <Label htmlFor="qrcdY">사용</Label>
-                        </div>
-                        <div className="flex items-center space-x-2">
-                          <RadioGroupItem value="N" id="qrcdN" />
-                          <Label htmlFor="qrcdN">사용안함</Label>
-                        </div>
-                      </div>
-                    </RadioGroup>
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableHead>담당자</TableHead>
-          <TableCell className="border">
-            <div className="h-[3.2rem] w-[21.5rem] cursor-not-allowed rounded-md border border-input bg-form px-3 py-2 text-[1.3rem] opacity-50">
-              {form.watch("menuLnkgSn")}
-            </div>
-          </TableCell>
-        </TableRow>
-      </TableBody>
-    </Table>
-  );
-}
-
-export { BoardMenuForm };
diff --git a/apps/cs/src/pages/menu/ui/form/bottom-menu-form.tsx b/apps/cs/src/pages/menu/ui/form/bottom-menu-form.tsx
deleted file mode 100644
index 1a1b196f9..000000000
--- a/apps/cs/src/pages/menu/ui/form/bottom-menu-form.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { type UseFormReturn } from "react-hook-form";
-import { Table, TableBody } from "@common/components";
-import type { MenuFormData } from "../../model/menu-interface";
-import { BaseTypeMenuForm } from "./base-type-menu-form";
-
-function BottomMenuForm({ form }: { form: UseFormReturn<MenuFormData> }) {
-  return (
-    <Table variant="secondary">
-      <colgroup>
-        <col width="20%" />
-        <col width="80%" />
-      </colgroup>
-      <TableBody>
-        <BaseTypeMenuForm form={form} />
-      </TableBody>
-    </Table>
-  );
-}
-
-export { BottomMenuForm };
diff --git a/apps/cs/src/pages/menu/ui/form/content-menu-form.tsx b/apps/cs/src/pages/menu/ui/form/content-menu-form.tsx
deleted file mode 100644
index 1e74109f3..000000000
--- a/apps/cs/src/pages/menu/ui/form/content-menu-form.tsx
+++ /dev/null
@@ -1,170 +0,0 @@
-import dayjs from "dayjs";
-import type { UseFormReturn } from "react-hook-form";
-import {
-  DatePicker,
-  Label,
-  RadioGroup,
-  RadioGroupItem,
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableRow,
-} from "@common/components";
-import {
-  FormItem,
-  FormControl,
-  FormField,
-  FormMessage,
-} from "@/shared/ui/form";
-import type { MenuFormData } from "../../model/menu-interface";
-import type { Content } from "../../model/content-interface";
-import type { User } from "../../model/organization-interface";
-import { ContentDialog } from "../dialog/content-dialog";
-import { OrganizationDialog } from "../dialog/organization-dialog";
-import { BaseTypeMenuForm } from "./base-type-menu-form";
-
-function ContentMenuForm({ form }: { form: UseFormReturn<MenuFormData> }) {
-  const handleContentSelect = (content: Content) => {
-    form.setValue("menuLnkgSn", content.contsSn);
-    form.setValue("menuLnkgSnNm", content.contsTtl);
-  };
-
-  const handleUserSelect = (user: User) => {
-    form.setValue("menuPicUserUnqId", user.userUnqId);
-    form.setValue("menuPicUserUnqIdNm", user.userNm);
-  };
-
-  const handleDateSelect = (date: Date | undefined) => {
-    if (!date) return;
-    form.setValue("menuPicDsgnYmd", dayjs(date).format("YYYYMMDD"));
-  };
-
-  return (
-    <Table variant="secondary">
-      <colgroup>
-        <col width="20%" />
-        <col width="80%" />
-      </colgroup>
-      <TableBody>
-        <TableRow>
-          <TableHead>콘텐츠</TableHead>
-          <TableCell className="border">
-            <div className="flex items-center gap-2">
-              <div className="h-[3.2rem] w-1/2 cursor-not-allowed overflow-hidden whitespace-nowrap break-keep rounded-md border border-input bg-form px-3 py-2 text-[1.3rem] opacity-50">
-                {form.watch("menuLnkgSnNm")}
-              </div>
-              <ContentDialog handleContentSelect={handleContentSelect} />
-            </div>
-          </TableCell>
-        </TableRow>
-        {/* TODO: 연결 형태 추가 */}
-        <TableRow>
-          <TableHead>메뉴 평가 사용 여부</TableHead>
-          <TableCell className="border">
-            <FormField
-              control={form.control}
-              name="evlUseYn"
-              render={({ field }) => (
-                <FormItem>
-                  <FormControl>
-                    <RadioGroup
-                      value={field.value ?? ""}
-                      onValueChange={field.onChange}
-                    >
-                      <div className="flex items-center space-x-4">
-                        <div className="flex items-center space-x-2">
-                          <RadioGroupItem value="Y" id="evlUseY" />
-                          <Label htmlFor="evlUseY">사용</Label>
-                        </div>
-                        <div className="flex items-center space-x-2">
-                          <RadioGroupItem value="N" id="evlUseN" />
-                          <Label htmlFor="evlUseN">사용안함</Label>
-                        </div>
-                      </div>
-                    </RadioGroup>
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-          </TableCell>
-        </TableRow>
-
-        <BaseTypeMenuForm form={form} />
-
-        <TableRow>
-          <TableHead>QR코드</TableHead>
-          <TableCell className="border">
-            <FormField
-              control={form.control}
-              name="qrcd"
-              render={({ field }) => (
-                <FormItem>
-                  <FormControl>
-                    <RadioGroup
-                      value={field.value ?? ""}
-                      onValueChange={field.onChange}
-                    >
-                      <div className="flex items-center space-x-4">
-                        <div className="flex items-center space-x-2">
-                          <RadioGroupItem value="Y" id="qrcdY" />
-                          <Label htmlFor="qrcdY">사용</Label>
-                        </div>
-                        <div className="flex items-center space-x-2">
-                          <RadioGroupItem value="N" id="qrcdN" />
-                          <Label htmlFor="qrcdN">사용안함</Label>
-                        </div>
-                      </div>
-                    </RadioGroup>
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableHead>담당자</TableHead>
-          <TableCell className="border">
-            <div className="flex items-center gap-6">
-              <div className="flex items-center gap-2">
-                <div className="h-[3.2rem] w-[21.5rem] cursor-not-allowed rounded-md border border-input bg-form px-3 py-2 text-[1.3rem] opacity-50">
-                  {form.watch("menuPicUserUnqIdNm")}
-                </div>
-                <OrganizationDialog handleUserSelect={handleUserSelect} />
-              </div>
-              <div className="flex items-center gap-2">
-                <b>지정일:</b>
-                <FormField
-                  control={form.control}
-                  name="menuPicDsgnYmd"
-                  render={({ field }) => (
-                    <FormItem>
-                      <FormControl>
-                        <DatePicker
-                          mode="single"
-                          selected={
-                            field.value
-                              ? dayjs(field.value).toDate()
-                              : undefined
-                          }
-                          onSelect={(date) => {
-                            field.onChange(date);
-                            handleDateSelect(date);
-                          }}
-                        />
-                      </FormControl>
-                    </FormItem>
-                  )}
-                />
-              </div>
-            </div>
-          </TableCell>
-        </TableRow>
-      </TableBody>
-    </Table>
-  );
-}
-
-export { ContentMenuForm };
diff --git a/apps/cs/src/pages/menu/ui/form/empty-menu-form.tsx b/apps/cs/src/pages/menu/ui/form/empty-menu-form.tsx
deleted file mode 100644
index 1246a22ae..000000000
--- a/apps/cs/src/pages/menu/ui/form/empty-menu-form.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { type UseFormReturn } from "react-hook-form";
-import { Table, TableBody } from "@common/components";
-import type { MenuFormData } from "../../model/menu-interface";
-import { BaseTypeMenuForm } from "./base-type-menu-form";
-
-function EmptyMenuForm({ form }: { form: UseFormReturn<MenuFormData> }) {
-  return (
-    <Table variant="secondary">
-      <colgroup>
-        <col width="20%" />
-        <col width="80%" />
-      </colgroup>
-      <TableBody>
-        <BaseTypeMenuForm form={form} />
-      </TableBody>
-    </Table>
-  );
-}
-
-export { EmptyMenuForm };
diff --git a/apps/cs/src/pages/menu/ui/form/inside-menu-form.tsx b/apps/cs/src/pages/menu/ui/form/inside-menu-form.tsx
deleted file mode 100644
index f0569cfe6..000000000
--- a/apps/cs/src/pages/menu/ui/form/inside-menu-form.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import { type UseFormReturn } from "react-hook-form";
-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";
-
-function InsideMenuForm({ form }: { form: UseFormReturn<MenuFormData> }) {
-  return (
-    <Table variant="secondary">
-      <colgroup>
-        <col width="20%" />
-        <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>
-  );
-}
-
-export { InsideMenuForm };
diff --git a/apps/cs/src/pages/menu/ui/form/outside-menu-form.tsx b/apps/cs/src/pages/menu/ui/form/outside-menu-form.tsx
deleted file mode 100644
index 4e8a402f3..000000000
--- a/apps/cs/src/pages/menu/ui/form/outside-menu-form.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import { type UseFormReturn } from "react-hook-form";
-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";
-
-function OutsideMenuForm({ form }: { form: UseFormReturn<MenuFormData> }) {
-  return (
-    <Table variant="secondary">
-      <colgroup>
-        <col width="20%" />
-        <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>
-  );
-}
-
-export { OutsideMenuForm };
diff --git a/apps/cs/src/pages/menu/ui/form/menu-form.tsx b/apps/cs/src/pages/menu/ui/menu-form.tsx
similarity index 69%
rename from apps/cs/src/pages/menu/ui/form/menu-form.tsx
rename to apps/cs/src/pages/menu/ui/menu-form.tsx
index 9a09b7c81..48e7589be 100644
--- a/apps/cs/src/pages/menu/ui/form/menu-form.tsx
+++ b/apps/cs/src/pages/menu/ui/menu-form.tsx
@@ -1,18 +1,13 @@
 import { useState } from "react";
+import type { UseFormReturn } from "react-hook-form";
 import { useConfirm } from "@frontend-opensource/use-react-hooks";
-import { type UseFormReturn } from "react-hook-form";
 import { Button } from "@common/components";
 import { Form } from "@/shared/ui/form";
 import { ConfirmDialog } from "@/shared/ui/confirm-dialog";
-import { MENU_TYPE, type MenuFormData } from "../../model/menu-interface";
+import type { MenuFormData } from "../model/menu-interface";
 import { BaseMenuForm } from "./base-menu-form";
-import { EmptyMenuForm } from "./empty-menu-form";
-import { ContentMenuForm } from "./content-menu-form";
-import { BoardMenuForm } from "./board-menu-form";
-import { InsideMenuForm } from "./inside-menu-form";
-import { OutsideMenuForm } from "./outside-menu-form";
-import { BottomMenuForm } from "./bottom-menu-form";
-import { PermissionsManagementDialog } from "../dialog/permissions-management-dialog";
+import { TypeMenuForm } from "./type-menu-form";
+import { PermissionsManagementDialog } from "./permissions-management-dialog";
 
 interface MenuFormProps {
   form: UseFormReturn<MenuFormData>;
@@ -94,9 +89,7 @@ function MenuForm({
             </div>
             <div className="card">
               <BaseMenuForm form={form} menuCd={menuCd} />
-              <div className="-mt-[0.1rem]">
-                {renderTypeMenuForm(menuType, form)}
-              </div>
+              <TypeMenuForm form={form} menuType={menuType} />
             </div>
           </div>
           <div className="flex justify-center gap-4 pb-12 pt-10">
@@ -116,26 +109,4 @@ function MenuForm({
   );
 }
 
-function renderTypeMenuForm(
-  menuType: string,
-  form: UseFormReturn<MenuFormData>,
-) {
-  switch (menuType) {
-    case MENU_TYPE.EMPTY:
-      return <EmptyMenuForm form={form} />;
-    case MENU_TYPE.CONTENTS:
-      return <ContentMenuForm form={form} />;
-    case MENU_TYPE.BOARD:
-      return <BoardMenuForm form={form} />;
-    case MENU_TYPE.INSIDE:
-      return <InsideMenuForm form={form} />;
-    case MENU_TYPE.OUTSIDE:
-      return <OutsideMenuForm form={form} />;
-    case MENU_TYPE.BOTTOM:
-      return <BottomMenuForm form={form} />;
-    default:
-      return null;
-  }
-}
-
 export { MenuForm };
diff --git a/apps/cs/src/pages/menu/ui/menu-page.tsx b/apps/cs/src/pages/menu/ui/menu-page.tsx
index 6a9580856..87227fedd 100644
--- a/apps/cs/src/pages/menu/ui/menu-page.tsx
+++ b/apps/cs/src/pages/menu/ui/menu-page.tsx
@@ -27,7 +27,7 @@ import {
   type MenuFormData,
 } from "../model/menu-interface";
 import { MenuTree } from "./menu-tree";
-import { MenuForm } from "./form/menu-form";
+import { MenuForm } from "./menu-form";
 import { generateMenuTreeData } from "../lib/utils";
 
 function MenuPage() {
diff --git a/apps/cs/src/pages/menu/ui/dialog/organization-dialog.tsx b/apps/cs/src/pages/menu/ui/organization-dialog.tsx
similarity index 96%
rename from apps/cs/src/pages/menu/ui/dialog/organization-dialog.tsx
rename to apps/cs/src/pages/menu/ui/organization-dialog.tsx
index 47fecb1ba..ceb4cbbcf 100644
--- a/apps/cs/src/pages/menu/ui/dialog/organization-dialog.tsx
+++ b/apps/cs/src/pages/menu/ui/organization-dialog.tsx
@@ -20,12 +20,12 @@ import {
 } from "@common/components/ui";
 import { cn } from "@common/components/lib";
 import { ENDPOINT } from "@/shared/config";
-import { OrganizationApi } from "../../api/organization-service";
-import type { Organization, User } from "../../model/organization-interface";
+import { OrganizationApi } from "../api/organization-service";
+import type { Organization, User } from "../model/organization-interface";
 import {
   filterOrganizationTreeDataByKeyword,
   generateOrganizationTreeData,
-} from "../../lib/utils";
+} from "../lib/utils";
 
 type TreeModel = Organization | User;
 
diff --git a/apps/cs/src/pages/menu/ui/dialog/permissions-management-dialog.tsx b/apps/cs/src/pages/menu/ui/permissions-management-dialog.tsx
similarity index 100%
rename from apps/cs/src/pages/menu/ui/dialog/permissions-management-dialog.tsx
rename to apps/cs/src/pages/menu/ui/permissions-management-dialog.tsx
diff --git a/apps/cs/src/pages/menu/ui/type-menu-form.tsx b/apps/cs/src/pages/menu/ui/type-menu-form.tsx
new file mode 100644
index 000000000..86080c555
--- /dev/null
+++ b/apps/cs/src/pages/menu/ui/type-menu-form.tsx
@@ -0,0 +1,331 @@
+import dayjs from "dayjs";
+import { type UseFormReturn } from "react-hook-form";
+import {
+  DatePicker,
+  IconFinder,
+  Input,
+  Label,
+  RadioGroup,
+  RadioGroupItem,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableRow,
+} from "@common/components";
+import {
+  FormItem,
+  FormControl,
+  FormField,
+  FormMessage,
+} from "@/shared/ui/form";
+import type { Content } from "../model/content-interface";
+import type { User } from "../model/organization-interface";
+import type { MenuFormData, MenuType } from "../model/menu-interface";
+import { OrganizationDialog } from "./organization-dialog";
+import { ContentDialog } from "./content-dialog";
+
+type TypeMenuFormProps = {
+  form: UseFormReturn<MenuFormData>;
+  menuType: MenuType;
+};
+
+function TypeMenuForm({ form, menuType }: TypeMenuFormProps) {
+  const handleIconClick = (icon: string) => {
+    form.setValue("iconNm", icon);
+  };
+
+  const handleContentSelect = (content: Content) => {
+    form.setValue("menuLnkgSn", content.contsSn);
+    form.setValue("menuLnkgSnNm", content.contsTtl);
+  };
+
+  const handleUserSelect = (user: User) => {
+    form.setValue("menuPicUserUnqId", user.userUnqId);
+    form.setValue("menuPicUserUnqIdNm", user.userNm);
+  };
+
+  const handleDateSelect = (date: Date | undefined) => {
+    if (!date) return;
+    form.setValue("menuPicDsgnYmd", dayjs(date).format("YYYYMMDD"));
+  };
+
+  return (
+    <Table variant="secondary" className="-mt-[0.1rem]">
+      <colgroup>
+        <col width="20%" />
+        <col width="80%" />
+      </colgroup>
+      <TableBody>
+        {menuType === "CONTENTS" && (
+          <TableRow>
+            <TableHead>콘텐츠</TableHead>
+            <TableCell className="border">
+              <div className="flex items-center gap-2">
+                <div className="h-[3.2rem] w-1/2 cursor-not-allowed overflow-hidden whitespace-nowrap break-keep rounded-md border border-input bg-form px-3 py-2 text-[1.3rem] opacity-50">
+                  {form.watch("menuLnkgSnNm")}
+                </div>
+                <ContentDialog handleContentSelect={handleContentSelect} />
+              </div>
+            </TableCell>
+          </TableRow>
+        )}
+        {menuType === "BOARD" && (
+          <TableRow>
+            <TableHead>게시판</TableHead>
+            <TableCell className="border">
+              <div className="h-[3.2rem] w-1/2 cursor-not-allowed overflow-hidden whitespace-nowrap break-keep rounded-md border border-input bg-form px-3 py-2 text-[1.3rem] opacity-50">
+                {form.watch("menuLnkgSnNm")}
+              </div>
+            </TableCell>
+          </TableRow>
+        )}
+        {(menuType === "CONTENTS" ||
+          menuType === "BOARD" ||
+          menuType === "INSIDE" ||
+          menuType === "OUTSIDE") && (
+          <TableRow>
+            <TableHead>연결 형태</TableHead>
+            <TableCell className="border">
+              <FormField
+                control={form.control}
+                name="newWndwYn"
+                render={({ field }) => (
+                  <FormItem>
+                    <FormControl>
+                      <RadioGroup
+                        value={field.value ?? ""}
+                        onValueChange={field.onChange}
+                      >
+                        <div className="flex items-center space-x-4">
+                          <div className="flex items-center space-x-2">
+                            <RadioGroupItem value="Y" id="newWndwY" />
+                            <Label htmlFor="newWndwY">새창</Label>
+                          </div>
+                          <div className="flex items-center space-x-2">
+                            <RadioGroupItem value="N" id="newWndwN" />
+                            <Label htmlFor="newWndwN">현재창</Label>
+                          </div>
+                        </div>
+                      </RadioGroup>
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            </TableCell>
+          </TableRow>
+        )}
+        {(menuType === "CONTENTS" || menuType === "BOARD") && (
+          <TableRow>
+            <TableHead>메뉴 평가 사용 여부</TableHead>
+            <TableCell className="border">
+              <FormField
+                control={form.control}
+                name="evlUseYn"
+                render={({ field }) => (
+                  <FormItem>
+                    <FormControl>
+                      <RadioGroup
+                        value={field.value ?? ""}
+                        onValueChange={field.onChange}
+                      >
+                        <div className="flex items-center space-x-4">
+                          <div className="flex items-center space-x-2">
+                            <RadioGroupItem value="Y" id="evlUseY" />
+                            <Label htmlFor="evlUseY">사용</Label>
+                          </div>
+                          <div className="flex items-center space-x-2">
+                            <RadioGroupItem value="N" id="evlUseN" />
+                            <Label htmlFor="evlUseN">사용안함</Label>
+                          </div>
+                        </div>
+                      </RadioGroup>
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            </TableCell>
+          </TableRow>
+        )}
+
+        {/* 메뉴 유형 공통 폼 S */}
+        <TableRow>
+          <TableHead>메뉴 서브명</TableHead>
+          <TableCell className="border">
+            <FormField
+              control={form.control}
+              name="menuSubKornNm"
+              render={({ field }) => (
+                <FormItem>
+                  <FormControl>
+                    <Input
+                      {...field}
+                      value={field.value ?? ""}
+                      className="!text-[1.3rem]"
+                      placeholder="사이트맵에서 다른 이름으로 사용할 경우 입력하십시오."
+                    />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          </TableCell>
+        </TableRow>
+        <TableRow>
+          <TableHead>메뉴 아이콘</TableHead>
+          <TableCell className="border">
+            <div className="flex gap-2">
+              <div className="h-[3.2rem] w-[21.5rem] cursor-not-allowed rounded-md border border-input bg-form px-3 py-2 text-[1.3rem] opacity-50">
+                {form.watch("iconNm")}
+              </div>
+              <IconFinder handleClick={handleIconClick} />
+            </div>
+          </TableCell>
+        </TableRow>
+        <TableRow>
+          <TableHead>출력 여부</TableHead>
+          <TableCell className="border">
+            <FormField
+              control={form.control}
+              name="otptYn"
+              render={({ field }) => (
+                <FormItem>
+                  <FormControl>
+                    <RadioGroup
+                      {...field}
+                      value={field.value ?? ""}
+                      onValueChange={field.onChange}
+                    >
+                      <div className="flex items-center space-x-4">
+                        <div className="flex items-center space-x-2">
+                          <RadioGroupItem value="Y" id="otptY" />
+                          <Label htmlFor="otptY">출력</Label>
+                        </div>
+                        <div className="flex items-center space-x-2">
+                          <RadioGroupItem value="N" id="otptN" />
+                          <Label htmlFor="otptN">출력안함</Label>
+                        </div>
+                      </div>
+                    </RadioGroup>
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          </TableCell>
+        </TableRow>
+        <TableRow>
+          <TableHead>사용 여부</TableHead>
+          <TableCell className="border">
+            <FormField
+              control={form.control}
+              name="useYn"
+              render={({ field }) => (
+                <FormItem>
+                  <FormControl>
+                    <RadioGroup
+                      {...field}
+                      value={field.value ?? ""}
+                      onValueChange={field.onChange}
+                    >
+                      <div className="flex items-center space-x-4">
+                        <div className="flex items-center space-x-2">
+                          <RadioGroupItem value="Y" id="useY" />
+                          <Label htmlFor="useY">사용</Label>
+                        </div>
+                        <div className="flex items-center space-x-2">
+                          <RadioGroupItem value="N" id="useN" />
+                          <Label htmlFor="useN">사용안함</Label>
+                        </div>
+                      </div>
+                    </RadioGroup>
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          </TableCell>
+        </TableRow>
+        {/* 메뉴 유형 공통 폼 E */}
+
+        {(menuType === "CONTENTS" || menuType === "BOARD") && (
+          <>
+            <TableRow>
+              <TableHead>QR코드</TableHead>
+              <TableCell className="border">
+                <FormField
+                  control={form.control}
+                  name="qrcd"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormControl>
+                        <RadioGroup
+                          value={field.value ?? ""}
+                          onValueChange={field.onChange}
+                        >
+                          <div className="flex items-center space-x-4">
+                            <div className="flex items-center space-x-2">
+                              <RadioGroupItem value="Y" id="qrcdY" />
+                              <Label htmlFor="qrcdY">사용</Label>
+                            </div>
+                            <div className="flex items-center space-x-2">
+                              <RadioGroupItem value="N" id="qrcdN" />
+                              <Label htmlFor="qrcdN">사용안함</Label>
+                            </div>
+                          </div>
+                        </RadioGroup>
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </TableCell>
+            </TableRow>
+            <TableRow>
+              <TableHead>담당자</TableHead>
+              <TableCell className="border">
+                <div className="flex items-center gap-6">
+                  <div className="flex items-center gap-2">
+                    <div className="h-[3.2rem] w-[21.5rem] cursor-not-allowed rounded-md border border-input bg-form px-3 py-2 text-[1.3rem] opacity-50">
+                      {form.watch("menuPicUserUnqIdNm")}
+                    </div>
+                    <OrganizationDialog handleUserSelect={handleUserSelect} />
+                  </div>
+                  <div className="flex items-center gap-2">
+                    <b>지정일:</b>
+                    <FormField
+                      control={form.control}
+                      name="menuPicDsgnYmd"
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormControl>
+                            <DatePicker
+                              mode="single"
+                              selected={
+                                field.value
+                                  ? dayjs(field.value).toDate()
+                                  : undefined
+                              }
+                              onSelect={(date) => {
+                                field.onChange(date);
+                                handleDateSelect(date);
+                              }}
+                            />
+                          </FormControl>
+                        </FormItem>
+                      )}
+                    />
+                  </div>
+                </div>
+              </TableCell>
+            </TableRow>
+          </>
+        )}
+      </TableBody>
+    </Table>
+  );
+}
+
+export { TypeMenuForm };