From 312c06be3149251faab90fa11bb430c00573f760 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: Fri, 1 Aug 2025 14:29:58 +0900
Subject: [PATCH] =?UTF-8?q?=EB=A9=94=EB=89=B4=20INFO=20=EB=B0=8F=20?=
 =?UTF-8?q?=EA=B0=9C=EC=9D=B8=EC=A0=95=EB=B3=B4=EC=A0=9C=EA=B3=B5=EB=8F=99?=
 =?UTF-8?q?=EC=9D=98=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/cs/src/pages/menu/ui/base-menu-form.tsx  | 18 +++++-
 apps/cs/src/pages/menu/ui/type-menu-form.tsx  | 58 +++++++++++++++----
 .../pages/survey/ui/view-survey-article.tsx   | 23 ++++++++
 apps/cs/src/shared/ui/info-tooltip.tsx        |  9 ++-
 4 files changed, 94 insertions(+), 14 deletions(-)

diff --git a/apps/cs/src/pages/menu/ui/base-menu-form.tsx b/apps/cs/src/pages/menu/ui/base-menu-form.tsx
index ff27db932..b36179ac8 100644
--- a/apps/cs/src/pages/menu/ui/base-menu-form.tsx
+++ b/apps/cs/src/pages/menu/ui/base-menu-form.tsx
@@ -64,7 +64,10 @@ function BaseMenuForm({ form, menuCd }: BaseMenuFormProps) {
           </TableCell>
         </TableRow>
         <TableRow>
-          <TableHead>메뉴 영문명</TableHead>
+          <TableHead>
+            메뉴 영문명
+            <InfoTooltip text="메뉴 영문명을 입력하십시오." />
+          </TableHead>
           <TableCell className="border">
             <FormField
               control={form.control}
@@ -85,7 +88,18 @@ function BaseMenuForm({ form, menuCd }: BaseMenuFormProps) {
           </TableCell>
         </TableRow>
         <TableRow>
-          <TableHead data-required>메뉴 유형</TableHead>
+          <TableHead data-required>
+            메뉴 유형
+            <InfoTooltip
+              text="메뉴 유형을 선택하십시오.\n
+            빈메뉴   : 메뉴가 비어있는 경우\n
+            내부링크 : 내부 페이지로 연결되는 메뉴 표시\n
+            외부링크 : 외부 URL로 연결되는 메뉴 표시\n
+            콘텐츠   : 콘텐츠 페이지로 연결되는 메뉴 표시\n
+            게시판   : 게시판 페이지로 연결되는 메뉴 표시\n
+            하단메뉴 : 하단 메뉴로 표시되는 경우"
+            />
+          </TableHead>
           <TableCell className="border">
             <FormField
               control={form.control}
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 41c0741e8..b64b6063c 100644
--- a/apps/cs/src/pages/menu/ui/type-menu-form.tsx
+++ b/apps/cs/src/pages/menu/ui/type-menu-form.tsx
@@ -17,6 +17,7 @@ import type { BoardPopup } from "@/entities/board";
 import type { Contents } from "@/entities/content";
 import type { TreeUser } from "@/entities/user-organization";
 import type { MenuFormData, MenuType } from "@/entities/menu";
+import { InfoTooltip } from "@/shared/ui/info-tooltip";
 import { FormItem, FormControl, FormField } from "@/shared/ui/form";
 import { OrganizationSearchDialog } from "./organization-search-dialog";
 import { ContentSearchDialog } from "./content-search-dialog";
@@ -75,7 +76,10 @@ function TypeMenuForm({ form, menuType }: TypeMenuFormProps) {
       <TableBody>
         {menuType === "CONTENTS" && (
           <TableRow>
-            <TableHead>콘텐츠</TableHead>
+            <TableHead data-required>
+              콘텐츠
+              <InfoTooltip text="메뉴에 표시될 콘텐츠를 조회 후 선택하십시오. 콘텐츠 선택시 해당 게시판에 메뉴에 링크됩니다." />
+            </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">
@@ -92,7 +96,10 @@ function TypeMenuForm({ form, menuType }: TypeMenuFormProps) {
         )}
         {menuType === "BOARD" && (
           <TableRow>
-            <TableHead>게시판</TableHead>
+            <TableHead data-required>
+              게시판
+              <InfoTooltip text="메뉴에 표시될 게시판을 조회 후 선택하십시오. 게시판 선택시 해당 게시판에 메뉴에 링크됩니다." />
+            </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">
@@ -110,7 +117,10 @@ function TypeMenuForm({ form, menuType }: TypeMenuFormProps) {
           menuType === "INSIDE" ||
           menuType === "OUTSIDE") && (
           <TableRow>
-            <TableHead>연결 URL</TableHead>
+            <TableHead data-required>
+              연결 URL
+              <InfoTooltip text="메뉴 클릭시 연결될 URL을 입력하여 주십시오." />
+            </TableHead>
             <TableCell className="border">
               <FormField
                 control={form.control}
@@ -139,7 +149,12 @@ function TypeMenuForm({ form, menuType }: TypeMenuFormProps) {
           menuType === "INSIDE" ||
           menuType === "OUTSIDE") && (
           <TableRow>
-            <TableHead>연결 형태</TableHead>
+            <TableHead>
+              연결 형태
+              <InfoTooltip
+                text="메뉴 클릭시 클릭된 링크가 열릴 창을 선택하여 주십시오. 현재창 : 현재 윈도우창에 그대로 링크된 메뉴 표시&#10;새창 : 새 윈도우 창을 열어서 메뉴 표시"
+              />
+            </TableHead>
             <TableCell className="border">
               <FormField
                 control={form.control}
@@ -171,7 +186,10 @@ function TypeMenuForm({ form, menuType }: TypeMenuFormProps) {
         )}
         {(menuType === "CONTENTS" || menuType === "BOARD") && (
           <TableRow>
-            <TableHead data-required>메뉴 평가 사용 여부</TableHead>
+            <TableHead data-required>
+              메뉴 평가 사용 여부
+              <InfoTooltip text="메뉴 평가 사용 여부를 선택하십시오. 사용시 콘텐츠 하단에 메뉴 평가 영역이 표시됩니다." />
+            </TableHead>
             <TableCell className="border">
               <FormField
                 control={form.control}
@@ -204,7 +222,10 @@ function TypeMenuForm({ form, menuType }: TypeMenuFormProps) {
 
         {/* 메뉴 유형 공통 폼 S */}
         <TableRow>
-          <TableHead>메뉴 서브명</TableHead>
+          <TableHead>
+            메뉴 서브명
+            <InfoTooltip text="메뉴 서브명을 입력하십시오. 사이트맵에서 다른 이름으로 사용할 경우 입력하십시오." />
+          </TableHead>
           <TableCell className="border">
             <FormField
               control={form.control}
@@ -225,7 +246,10 @@ function TypeMenuForm({ form, menuType }: TypeMenuFormProps) {
           </TableCell>
         </TableRow>
         <TableRow>
-          <TableHead>메뉴 아이콘</TableHead>
+          <TableHead>
+            메뉴 아이콘
+            <InfoTooltip text="메뉴 아이콘을 선택하십시오. 메뉴트리에 표시됩니다." />
+          </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">
@@ -237,7 +261,10 @@ function TypeMenuForm({ form, menuType }: TypeMenuFormProps) {
           </TableCell>
         </TableRow>
         <TableRow>
-          <TableHead data-required>출력 여부</TableHead>
+          <TableHead data-required>
+            사이트맵 출력 여부
+            <InfoTooltip text="출력 여부를 선택하십시오. 사용시 사이트맵에 출력됩니다." />
+          </TableHead>
           <TableCell className="border">
             <FormField
               control={form.control}
@@ -268,7 +295,10 @@ function TypeMenuForm({ form, menuType }: TypeMenuFormProps) {
           </TableCell>
         </TableRow>
         <TableRow>
-          <TableHead data-required>사용 여부</TableHead>
+          <TableHead data-required>
+            사용 여부
+            <InfoTooltip text="사용여부을 선택하십시오." />
+          </TableHead>
           <TableCell className="border">
             <FormField
               control={form.control}
@@ -303,7 +333,10 @@ function TypeMenuForm({ form, menuType }: TypeMenuFormProps) {
         {(menuType === "CONTENTS" || menuType === "BOARD") && (
           <>
             <TableRow>
-              <TableHead>QR코드</TableHead>
+              <TableHead>
+                QR코드
+                <InfoTooltip text="QR 코드 사용여부를 선택하십시오. 사용시 QR 코드 출력팝업이 표시됩니다." />
+              </TableHead>
               <TableCell className="border">
                 <FormField
                   control={form.control}
@@ -338,7 +371,10 @@ function TypeMenuForm({ form, menuType }: TypeMenuFormProps) {
               </TableCell>
             </TableRow>
             <TableRow>
-              <TableHead>담당자</TableHead>
+              <TableHead>
+                담당자
+                <InfoTooltip text="메뉴 담당자를 조회 후 선택하십시오.메뉴 클릭시 하단 영역에 담당자가 표시됩니다." />
+              </TableHead>
               <TableCell className="border">
                 <div className="flex items-center gap-6">
                   <div className="flex items-center gap-2">
diff --git a/apps/cs/src/pages/survey/ui/view-survey-article.tsx b/apps/cs/src/pages/survey/ui/view-survey-article.tsx
index 58f52d090..5caf6d129 100644
--- a/apps/cs/src/pages/survey/ui/view-survey-article.tsx
+++ b/apps/cs/src/pages/survey/ui/view-survey-article.tsx
@@ -187,8 +187,31 @@ function ViewSurveyArticle({ srvySn }: { srvySn: string }) {
                       )}
                     />
                   </div>
+                      
                 </div>
               </div>
+              
+              {/* 개인정보제공동의 */}
+              <div className="mt-6 p-4 border border-gray-200 rounded-md bg-gray-50">
+                <div className="flex items-start gap-3">
+                  <Checkbox
+                    id="privacy-consent"
+                    className="mt-1"
+                    required
+                  />
+                  <div className="flex-1">
+                    <Label htmlFor="privacy-consent" className="text-[1.3rem] font-medium">
+                      개인정보제공동의
+                    </Label>
+                    <p className="mt-2 text-[1.0rem] text-gray-600 leading-relaxed">
+                      본 설문조사에서 수집된 개인정보는 설문조사 목적으로만 사용되며, 
+                      통계 처리 및 연구 목적으로 활용됩니다. 제공된 정보는 안전하게 보호되며, 
+                      동의하지 않으시면 설문 참여가 제한됩니다.
+                    </p>
+                  </div>
+                </div>
+              </div>
+              
               <hr className="my-8" />
               <div className="h-[8rem] overflow-auto rounded-sm bg-accent p-4 text-accent-foreground">
                 {userSurvey?.srvyWrtGdCn}
diff --git a/apps/cs/src/shared/ui/info-tooltip.tsx b/apps/cs/src/shared/ui/info-tooltip.tsx
index 11cb33e07..2c43ecf9c 100644
--- a/apps/cs/src/shared/ui/info-tooltip.tsx
+++ b/apps/cs/src/shared/ui/info-tooltip.tsx
@@ -7,7 +7,14 @@ function InfoTooltip({ text }: { text: string }) {
         <i className="diveicon di-info-circle" />
       </TooltipTrigger>
       <TooltipContent>
-        <p>{text}</p>
+        <p>
+          {text.split("\n").map((line, idx) => (
+            <span key={idx}>
+              {line}
+              {idx !== text.split("\n").length - 1 && <br />}
+            </span>
+          ))}
+        </p>
       </TooltipContent>
     </Tooltip>
   );