From d2d5502f8d28718476fb0fe75af66c935f9b3473 Mon Sep 17 00:00:00 2001
From: bicochan <chanii8@naver.com>
Date: Thu, 4 Jun 2026 12:00:47 +0900
Subject: [PATCH] =?UTF-8?q?[as]=20refactor:=20=EC=BD=94=EB=93=9C=EA=B4=80?=
 =?UTF-8?q?=EB=A6=AC=20->=20=EA=B3=B5=EC=A2=85=EC=BD=94=EB=93=9C=EA=B4=80?=
 =?UTF-8?q?=EB=A6=AC/=ED=9A=8C=EA=B3=84=EC=BD=94=EB=93=9C=EA=B4=80?=
 =?UTF-8?q?=EB=A6=AC=20=EB=B6=84=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../acntg-code-management/page.tsx            |  1 +
 .../cnstp-code-management/page.tsx            |  1 +
 .../code-management/page.tsx                  |  1 -
 .../src/pages/acntg-code-management/index.ts  |  1 +
 .../model/acntg-se-table-columns.tsx          |  0
 .../ui/acntg-code-management-page.tsx}        | 66 ++++++++++---------
 .../ui/acntg-se-form-dialog.tsx               |  0
 .../src/pages/cnstp-code-management/index.ts  |  1 +
 .../model/cnstp-se-table-columns.tsx          |  0
 .../ui/cnstp-code-management-page.tsx}        | 65 +++++++++---------
 .../ui/cnstp-se-form-dialog.tsx               |  0
 apps/as/src/pages/code-management/index.ts    |  1 -
 .../ui/code-management-page.tsx               | 30 ---------
 13 files changed, 72 insertions(+), 95 deletions(-)
 create mode 100644 apps/as/app/(with-base-layout)/acntg-code-management/page.tsx
 create mode 100644 apps/as/app/(with-base-layout)/cnstp-code-management/page.tsx
 delete mode 100644 apps/as/app/(with-base-layout)/code-management/page.tsx
 create mode 100644 apps/as/src/pages/acntg-code-management/index.ts
 rename apps/as/src/pages/{code-management => acntg-code-management}/model/acntg-se-table-columns.tsx (100%)
 rename apps/as/src/pages/{code-management/ui/acntg-se-section.tsx => acntg-code-management/ui/acntg-code-management-page.tsx} (70%)
 rename apps/as/src/pages/{code-management => acntg-code-management}/ui/acntg-se-form-dialog.tsx (100%)
 create mode 100644 apps/as/src/pages/cnstp-code-management/index.ts
 rename apps/as/src/pages/{code-management => cnstp-code-management}/model/cnstp-se-table-columns.tsx (100%)
 rename apps/as/src/pages/{code-management/ui/cnstp-se-section.tsx => cnstp-code-management/ui/cnstp-code-management-page.tsx} (71%)
 rename apps/as/src/pages/{code-management => cnstp-code-management}/ui/cnstp-se-form-dialog.tsx (100%)
 delete mode 100644 apps/as/src/pages/code-management/index.ts
 delete mode 100644 apps/as/src/pages/code-management/ui/code-management-page.tsx

diff --git a/apps/as/app/(with-base-layout)/acntg-code-management/page.tsx b/apps/as/app/(with-base-layout)/acntg-code-management/page.tsx
new file mode 100644
index 000000000..c22d0f0b4
--- /dev/null
+++ b/apps/as/app/(with-base-layout)/acntg-code-management/page.tsx
@@ -0,0 +1 @@
+export { AcntgCodeManagementPage as default } from "@/pages/acntg-code-management";
diff --git a/apps/as/app/(with-base-layout)/cnstp-code-management/page.tsx b/apps/as/app/(with-base-layout)/cnstp-code-management/page.tsx
new file mode 100644
index 000000000..d20a49e4f
--- /dev/null
+++ b/apps/as/app/(with-base-layout)/cnstp-code-management/page.tsx
@@ -0,0 +1 @@
+export { CnstpCodeManagementPage as default } from "@/pages/cnstp-code-management";
diff --git a/apps/as/app/(with-base-layout)/code-management/page.tsx b/apps/as/app/(with-base-layout)/code-management/page.tsx
deleted file mode 100644
index 7a4daf43f..000000000
--- a/apps/as/app/(with-base-layout)/code-management/page.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { CodeManagementPage as default } from "@/pages/code-management";
diff --git a/apps/as/src/pages/acntg-code-management/index.ts b/apps/as/src/pages/acntg-code-management/index.ts
new file mode 100644
index 000000000..ee4bfa445
--- /dev/null
+++ b/apps/as/src/pages/acntg-code-management/index.ts
@@ -0,0 +1 @@
+export { AcntgCodeManagementPage } from "./ui/acntg-code-management-page";
diff --git a/apps/as/src/pages/code-management/model/acntg-se-table-columns.tsx b/apps/as/src/pages/acntg-code-management/model/acntg-se-table-columns.tsx
similarity index 100%
rename from apps/as/src/pages/code-management/model/acntg-se-table-columns.tsx
rename to apps/as/src/pages/acntg-code-management/model/acntg-se-table-columns.tsx
diff --git a/apps/as/src/pages/code-management/ui/acntg-se-section.tsx b/apps/as/src/pages/acntg-code-management/ui/acntg-code-management-page.tsx
similarity index 70%
rename from apps/as/src/pages/code-management/ui/acntg-se-section.tsx
rename to apps/as/src/pages/acntg-code-management/ui/acntg-code-management-page.tsx
index f0daf9d4f..d3fe311a5 100644
--- a/apps/as/src/pages/code-management/ui/acntg-se-section.tsx
+++ b/apps/as/src/pages/acntg-code-management/ui/acntg-code-management-page.tsx
@@ -20,13 +20,15 @@ import { createAcntgSeColumns } from "../model/acntg-se-table-columns";
 
 import { AcntgSeFormDialog, type AcntgSeFormValues } from "./acntg-se-form-dialog";
 
-interface AcntgSeSectionProps {
-  pagination: PaginationState;
-  onPaginationChange: (pagination: PaginationState) => void;
-}
+const DEFAULT_PAGE_INDEX = 0;
+const DEFAULT_PAGE_SIZE = 10;
 
-function AcntgSeSection({ pagination, onPaginationChange }: AcntgSeSectionProps) {
+function AcntgCodeManagementPage() {
   const { confirm } = useConfirm();
+  const [pagination, setPagination] = useState<PaginationState>({
+    pageIndex: DEFAULT_PAGE_INDEX,
+    pageSize: DEFAULT_PAGE_SIZE,
+  });
   const [dialogMode, setDialogMode] = useState<"create" | "edit" | null>(null);
   const [editingCd, setEditingCd] = useState<string | null>(null);
 
@@ -67,7 +69,7 @@ function AcntgSeSection({ pagination, onPaginationChange }: AcntgSeSectionProps)
       state: { pagination },
       onPaginationChange: (updater) => {
         const next = typeof updater === "function" ? updater(pagination) : updater;
-        onPaginationChange(next);
+        setPagination(next);
       },
       getCoreRowModel: getCoreRowModel(),
       manualPagination: true,
@@ -114,31 +116,33 @@ function AcntgSeSection({ pagination, onPaginationChange }: AcntgSeSectionProps)
   };
 
   return (
-    <section className="card card-border mx-0 bg-background pb-6 pt-0">
-      <div className="card-header flex items-center justify-between">
-        <h3 className="text-2xl font-semibold">회계코드 관리</h3>
-        <Button type="button" onClick={handleOpenCreate}>
-          등록
-        </Button>
-      </div>
-      {tableComponent}
-      {dialogMode ? (
-        <AcntgSeFormDialog
-          mode={dialogMode}
-          open={Boolean(dialogMode)}
-          acntgSeCd={editingCd}
-          onOpenChange={(open) => {
-            if (!open) {
-              setDialogMode(null);
-              setEditingCd(null);
-            }
-          }}
-          isSubmitting={saveMutation.isPending || updateMutation.isPending}
-          onSubmit={handleFormSubmit}
-        />
-      ) : null}
-    </section>
+    <div className="space-y-6 px-[1.8rem] pb-6">
+      <section className="card card-border mx-0 bg-background pb-6 pt-0">
+        <div className="card-header flex items-center justify-between">
+          <h3 className="text-2xl font-semibold">회계코드 관리</h3>
+          <Button type="button" onClick={handleOpenCreate}>
+            등록
+          </Button>
+        </div>
+        {tableComponent}
+        {dialogMode ? (
+          <AcntgSeFormDialog
+            mode={dialogMode}
+            open={Boolean(dialogMode)}
+            acntgSeCd={editingCd}
+            onOpenChange={(open) => {
+              if (!open) {
+                setDialogMode(null);
+                setEditingCd(null);
+              }
+            }}
+            isSubmitting={saveMutation.isPending || updateMutation.isPending}
+            onSubmit={handleFormSubmit}
+          />
+        ) : null}
+      </section>
+    </div>
   );
 }
 
-export { AcntgSeSection };
+export { AcntgCodeManagementPage };
diff --git a/apps/as/src/pages/code-management/ui/acntg-se-form-dialog.tsx b/apps/as/src/pages/acntg-code-management/ui/acntg-se-form-dialog.tsx
similarity index 100%
rename from apps/as/src/pages/code-management/ui/acntg-se-form-dialog.tsx
rename to apps/as/src/pages/acntg-code-management/ui/acntg-se-form-dialog.tsx
diff --git a/apps/as/src/pages/cnstp-code-management/index.ts b/apps/as/src/pages/cnstp-code-management/index.ts
new file mode 100644
index 000000000..2ed1cb4ba
--- /dev/null
+++ b/apps/as/src/pages/cnstp-code-management/index.ts
@@ -0,0 +1 @@
+export { CnstpCodeManagementPage } from "./ui/cnstp-code-management-page";
diff --git a/apps/as/src/pages/code-management/model/cnstp-se-table-columns.tsx b/apps/as/src/pages/cnstp-code-management/model/cnstp-se-table-columns.tsx
similarity index 100%
rename from apps/as/src/pages/code-management/model/cnstp-se-table-columns.tsx
rename to apps/as/src/pages/cnstp-code-management/model/cnstp-se-table-columns.tsx
diff --git a/apps/as/src/pages/code-management/ui/cnstp-se-section.tsx b/apps/as/src/pages/cnstp-code-management/ui/cnstp-code-management-page.tsx
similarity index 71%
rename from apps/as/src/pages/code-management/ui/cnstp-se-section.tsx
rename to apps/as/src/pages/cnstp-code-management/ui/cnstp-code-management-page.tsx
index 23b9d792f..6244337b8 100644
--- a/apps/as/src/pages/code-management/ui/cnstp-se-section.tsx
+++ b/apps/as/src/pages/cnstp-code-management/ui/cnstp-code-management-page.tsx
@@ -23,13 +23,12 @@ import { CnstpSeFormDialog, type CnstpSeFormValues } from "./cnstp-se-form-dialo
 const DEFAULT_PAGE_INDEX = 0;
 const DEFAULT_PAGE_SIZE = 10;
 
-interface CnstpSeSectionProps {
-  pagination: PaginationState;
-  onPaginationChange: (pagination: PaginationState) => void;
-}
-
-function CnstpSeSection({ pagination, onPaginationChange }: CnstpSeSectionProps) {
+function CnstpCodeManagementPage() {
   const { confirm } = useConfirm();
+  const [pagination, setPagination] = useState<PaginationState>({
+    pageIndex: DEFAULT_PAGE_INDEX,
+    pageSize: DEFAULT_PAGE_SIZE,
+  });
   const [dialogMode, setDialogMode] = useState<"create" | "edit" | null>(null);
   const [editingCd, setEditingCd] = useState<string | null>(null);
 
@@ -70,7 +69,7 @@ function CnstpSeSection({ pagination, onPaginationChange }: CnstpSeSectionProps)
       state: { pagination },
       onPaginationChange: (updater) => {
         const next = typeof updater === "function" ? updater(pagination) : updater;
-        onPaginationChange(next);
+        setPagination(next);
       },
       getCoreRowModel: getCoreRowModel(),
       manualPagination: true,
@@ -117,31 +116,33 @@ function CnstpSeSection({ pagination, onPaginationChange }: CnstpSeSectionProps)
   };
 
   return (
-    <section className="card card-border mx-0 bg-background pb-6 pt-0">
-      <div className="card-header flex items-center justify-between">
-        <h3 className="text-2xl font-semibold">공종코드 관리</h3>
-        <Button type="button" onClick={handleOpenCreate}>
-          등록
-        </Button>
-      </div>
-      {tableComponent}
-      {dialogMode ? (
-        <CnstpSeFormDialog
-          mode={dialogMode}
-          open={Boolean(dialogMode)}
-          cnstpSeCd={editingCd}
-          onOpenChange={(open) => {
-            if (!open) {
-              setDialogMode(null);
-              setEditingCd(null);
-            }
-          }}
-          isSubmitting={saveMutation.isPending || updateMutation.isPending}
-          onSubmit={handleFormSubmit}
-        />
-      ) : null}
-    </section>
+    <div className="space-y-6 px-[1.8rem] pb-6">
+      <section className="card card-border mx-0 bg-background pb-6 pt-0">
+        <div className="card-header flex items-center justify-between">
+          <h3 className="text-2xl font-semibold">공종코드 관리</h3>
+          <Button type="button" onClick={handleOpenCreate}>
+            등록
+          </Button>
+        </div>
+        {tableComponent}
+        {dialogMode ? (
+          <CnstpSeFormDialog
+            mode={dialogMode}
+            open={Boolean(dialogMode)}
+            cnstpSeCd={editingCd}
+            onOpenChange={(open) => {
+              if (!open) {
+                setDialogMode(null);
+                setEditingCd(null);
+              }
+            }}
+            isSubmitting={saveMutation.isPending || updateMutation.isPending}
+            onSubmit={handleFormSubmit}
+          />
+        ) : null}
+      </section>
+    </div>
   );
 }
 
-export { CnstpSeSection, DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE };
+export { CnstpCodeManagementPage };
diff --git a/apps/as/src/pages/code-management/ui/cnstp-se-form-dialog.tsx b/apps/as/src/pages/cnstp-code-management/ui/cnstp-se-form-dialog.tsx
similarity index 100%
rename from apps/as/src/pages/code-management/ui/cnstp-se-form-dialog.tsx
rename to apps/as/src/pages/cnstp-code-management/ui/cnstp-se-form-dialog.tsx
diff --git a/apps/as/src/pages/code-management/index.ts b/apps/as/src/pages/code-management/index.ts
deleted file mode 100644
index 3b00522e0..000000000
--- a/apps/as/src/pages/code-management/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { CodeManagementPage } from "./ui/code-management-page";
diff --git a/apps/as/src/pages/code-management/ui/code-management-page.tsx b/apps/as/src/pages/code-management/ui/code-management-page.tsx
deleted file mode 100644
index 95e7dcd9f..000000000
--- a/apps/as/src/pages/code-management/ui/code-management-page.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-"use client";
-
-import { useState } from "react";
-
-import type { PaginationState } from "@tanstack/react-table";
-
-import { AcntgSeSection } from "./acntg-se-section";
-import { CnstpSeSection, DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE } from "./cnstp-se-section";
-
-function CodeManagementPage() {
-  const [cnstpPagination, setCnstpPagination] = useState<PaginationState>({
-    pageIndex: DEFAULT_PAGE_INDEX,
-    pageSize: DEFAULT_PAGE_SIZE,
-  });
-  const [acntgPagination, setAcntgPagination] = useState<PaginationState>({
-    pageIndex: DEFAULT_PAGE_INDEX,
-    pageSize: DEFAULT_PAGE_SIZE,
-  });
-
-  return (
-    <div className="space-y-6 px-[1.8rem] pb-6">
-      <div className="grid grid-cols-1 gap-4 lg:grid-cols-2">
-        <CnstpSeSection pagination={cnstpPagination} onPaginationChange={setCnstpPagination} />
-        <AcntgSeSection pagination={acntgPagination} onPaginationChange={setAcntgPagination} />
-      </div>
-    </div>
-  );
-}
-
-export { CodeManagementPage };