From 586efe940f7194a7ec5a0a2b0149d8062c25fc17 Mon Sep 17 00:00:00 2001
From: bicochan <chanii8@naver.com>
Date: Tue, 15 Jul 2025 13:38:36 +0900
Subject: [PATCH] =?UTF-8?q?[apps/cs]=20feat:=20=EC=A1=B0=EC=A7=81=EB=8F=84?=
 =?UTF-8?q?=EA=B4=80=EB=A6=AC=20>=20=EC=82=AC=EC=9A=A9=EC=9E=90=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80=20=EB=A1=9C=EC=A7=81=20=EC=88=98=EC=A0=95=20(CS=5FUT0?=
 =?UTF-8?q?3040105)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/organization/ui/add-user-dialog.tsx |  2 +-
 .../ui/user-organization-section.tsx          | 33 +++++++++++++++++--
 2 files changed, 32 insertions(+), 3 deletions(-)

diff --git a/apps/cs/src/pages/organization/ui/add-user-dialog.tsx b/apps/cs/src/pages/organization/ui/add-user-dialog.tsx
index e0007abfc..737688e49 100644
--- a/apps/cs/src/pages/organization/ui/add-user-dialog.tsx
+++ b/apps/cs/src/pages/organization/ui/add-user-dialog.tsx
@@ -72,7 +72,7 @@ function AddUserDialog({ onAddUsers, ...props }: AddUserDialogProps) {
       </DialogTrigger>
       <DialogContent className="max-w-[60rem]" aria-describedby={undefined}>
         <DialogHeader>
-          <DialogTitle>콘텐츠 조회</DialogTitle>
+          <DialogTitle>사용자 조회</DialogTitle>
         </DialogHeader>
         <div className="flex flex-col gap-4">
           <div className="card card-border !m-0 flex w-full items-center gap-2">
diff --git a/apps/cs/src/pages/organization/ui/user-organization-section.tsx b/apps/cs/src/pages/organization/ui/user-organization-section.tsx
index 6b8e3b789..99e9ac342 100644
--- a/apps/cs/src/pages/organization/ui/user-organization-section.tsx
+++ b/apps/cs/src/pages/organization/ui/user-organization-section.tsx
@@ -242,6 +242,16 @@ function UserOrganizationSection({ ognzSn }: UserOrganizationSectionProps) {
       </div>
       <div className="card max-h-[calc(100vh-58rem)] overflow-auto !p-0">
         <Table>
+          <colgroup>
+            <col width="5%" />
+            <col width="5%" />
+            <col width="auto" />
+            <col width="10%" />
+            <col width="10%" />
+            <col width="10%" />
+            <col width="15%" />
+            <col width="15%" />
+          </colgroup>
           <TableHeader className="sticky top-0">
             <TableRow>
               <TableHead>
@@ -300,6 +310,9 @@ const UserCells = memo(
     jobPositionCodeData,
     jobGradeCodeData,
   }: UserCellsProps) => {
+    const [jbpsSeCd, setJbpsSeCd] = useState(user.jbpsSeCd);
+    const [jbgdSeCd, setJbgdSeCd] = useState(user.jbgdSeCd);
+
     const updateMode = (index: number) => {
       const mode = form.watch(`userOrganization.${index}.mode`);
       if (mode === "R") {
@@ -322,17 +335,33 @@ const UserCells = memo(
           <CodeSelect
             codeData={jobPositionCodeData}
             defaultValue={user.jbpsSeCd}
-            onValueChange={updateFormValue(index, "jbpsSeCd")}
+            onValueChange={(value) => {
+              setJbpsSeCd(value);
+              updateFormValue(index, "jbpsSeCd")(value);
+            }}
             {...form.register(`userOrganization.${index}.jbpsSeCd`)}
           />
+          {!jbpsSeCd && (
+            <p className="pt-1 text-base text-destructive">
+              직위를 선택해주세요.
+            </p>
+          )}
         </TableCell>
         <TableCell align="center">
           <CodeSelect
             codeData={jobGradeCodeData}
             defaultValue={user.jbgdSeCd}
-            onValueChange={updateFormValue(index, "jbgdSeCd")}
+            onValueChange={(value) => {
+              setJbgdSeCd(value);
+              updateFormValue(index, "jbgdSeCd")(value);
+            }}
             {...form.register(`userOrganization.${index}.jbgdSeCd`)}
           />
+          {!jbgdSeCd && (
+            <p className="pt-1 text-base text-destructive">
+              직급을 선택해주세요.
+            </p>
+          )}
         </TableCell>
         <TableCell align="center">
           <Input