From db6c3620c201df3438cd7a455138eaa52b1dab03 Mon Sep 17 00:00:00 2001
From: JIeunhuh <entks301@naver.com>
Date: Tue, 22 Apr 2025 13:21:52 +0900
Subject: [PATCH] =?UTF-8?q?=ED=8F=BC=20=ED=98=95=EC=8B=9D=20=EC=BB=B4?=
 =?UTF-8?q?=ED=8F=AC=EB=84=8C=ED=8A=B8=ED=99=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/sn/app/components/ui/formSection.tsx | 24 +++++++++++++++++++++++
 apps/sn/app/ii/ir/irsetting/page.tsx      | 16 ++++-----------
 2 files changed, 28 insertions(+), 12 deletions(-)
 create mode 100644 apps/sn/app/components/ui/formSection.tsx

diff --git a/apps/sn/app/components/ui/formSection.tsx b/apps/sn/app/components/ui/formSection.tsx
new file mode 100644
index 000000000..b4e578aae
--- /dev/null
+++ b/apps/sn/app/components/ui/formSection.tsx
@@ -0,0 +1,24 @@
+import { FormField } from '@common/business_components/ui'
+import React, { type ReactElement } from 'react'
+
+interface FormSectionProps {
+    children:  ReactElement
+    titleNm: string
+    form: any
+    name: string
+}
+
+const FormSection = ({ children, titleNm, form, name }: FormSectionProps) => {
+    return (
+        <div className="grid grid-cols-[120px_1fr] items-center">
+            <div className="text-xl font-medium">{titleNm}</div>
+            <FormField
+                control={form.control}
+                name={name}
+                render={({ field }) => children}
+            />
+        </div>
+    )
+}
+
+export default FormSection
\ No newline at end of file
diff --git a/apps/sn/app/ii/ir/irsetting/page.tsx b/apps/sn/app/ii/ir/irsetting/page.tsx
index 865864d4c..e43a63835 100644
--- a/apps/sn/app/ii/ir/irsetting/page.tsx
+++ b/apps/sn/app/ii/ir/irsetting/page.tsx
@@ -6,9 +6,10 @@ import { DatePicker, Input } from '@common/components/ui'
 import { z } from 'zod'
 import { zodResolver } from '@hookform/resolvers/zod'
 import { useForm } from 'react-hook-form'
+import FormSection from '@/components/ui/formSection'
 const formSchema = z.object({
     region: z.string(),
-    suyeonga:z.number(),
+    suyeonga: z.number(),
     inputdate: z.coerce.date(),
     rtkSource: z.string(),
 })
@@ -18,7 +19,7 @@ const IrSetting = () => {
         resolver: zodResolver(formSchema),
         defaultValues: {
             region: "",
-            suyeonga:0,
+            suyeonga: 0,
             inputdate: new Date(),
             rtkSource: "",
         }
@@ -41,16 +42,7 @@ const IrSetting = () => {
     return (
         <BaseLayout titleName={{ mainTitle: '침입수 산정', firstCardTitle: '침입수산정 기초자료 설정', secondCardTitle: '침입수 산정결과 현황' }} form={form} onSubmitEvent={() => { }} graphBtn={true} tableInfoData={{ headList: rtxNmHeadlist, tableData: rtxNmDataList, cellClickFunc: () => { }, onPageChangeFunc: () => { } }}>
             <div className="grid grid-cols-2 gap-4">
-                <div className="grid grid-cols-[120px_1fr] items-center">
-                    <div className="text-xl font-medium">○ 처리구역</div>
-                    <FormField
-                        control={form.control}
-                        name="region"
-                        render={({ field }) => (
-                            <SelectBox label='' selectArray={region} onSelectValue={() => { }} selectClass={undefined} className='w-[150px]' />
-                        )}
-                    />
-                </div>
+                <FormSection name='region' form={form} titleNm='○ 처리구역'><SelectBox label='' selectArray={region} onSelectValue={() => { }} selectClass={undefined} className='w-[150px]' /></FormSection>
                 <div className="grid grid-cols-[120px_1fr] items-center">
                     <div className="text-xl font-medium">○ 오수 전환율</div>
                     <FormField