From 0fe84dba22f0a6258996a677eec8ad05c16d5766 Mon Sep 17 00:00:00 2001
From: swcho <swcho@mind-one.co.kr>
Date: Tue, 29 Jul 2025 20:32:30 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20Input=20=EC=BB=B4=ED=8F=AC=EB=84=8C?=
 =?UTF-8?q?=ED=8A=B8=EC=9D=98=20Enter=20=ED=82=A4=20=EC=9E=85=EB=A0=A5?=
 =?UTF-8?q?=EC=8B=9C=20=EC=A1=B0=ED=9A=8C,=20=EA=B2=80=EC=83=89=20?=
 =?UTF-8?q?=EA=B8=B0=EB=8A=A5=20event=20=EA=B5=AC=ED=98=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../map/searchModal/operationTab.tsx          |  6 +++
 .../(map-layout)/map/searchModal/swageMhl.tsx | 20 +++++----
 .../map/searchModal/swagePmstn.tsx            | 34 ++++++++++-----
 .../(map-layout)/map/searchModal/swagePpl.tsx | 34 ++++++++++-----
 .../map/searchModal/swagePrcsFclt.tsx         | 41 ++++++++++++++-----
 .../map/searchModal/swagePrcsZone.tsx         | 20 +++++----
 .../(with-base-layout)/oper/floodPre/page.tsx | 12 ++++++
 .../(with-base-layout)/oper/oldPp/page.tsx    | 16 +++++++-
 8 files changed, 134 insertions(+), 49 deletions(-)

diff --git a/apps/sn/app/(map-layout)/map/searchModal/operationTab.tsx b/apps/sn/app/(map-layout)/map/searchModal/operationTab.tsx
index 0ec43f51d..5f24c65fa 100644
--- a/apps/sn/app/(map-layout)/map/searchModal/operationTab.tsx
+++ b/apps/sn/app/(map-layout)/map/searchModal/operationTab.tsx
@@ -134,6 +134,12 @@ const OperationTab: React.FC<OperationTabProps> = ({
           placeholder="입력"
           value={var1}
           onChange={(e) => { setVar1(e.target.value); }}
+          onKeyDown={(e) => {
+            if (e.key === 'Enter') {
+              e.preventDefault(); // Enter 키 기본 동작 방지
+              handleSearch();
+            }
+          }}
         />
         <YearRangeSelectBox
           start={yearFilter.start}
diff --git a/apps/sn/app/(map-layout)/map/searchModal/swageMhl.tsx b/apps/sn/app/(map-layout)/map/searchModal/swageMhl.tsx
index 279107a5c..0951ceb2f 100644
--- a/apps/sn/app/(map-layout)/map/searchModal/swageMhl.tsx
+++ b/apps/sn/app/(map-layout)/map/searchModal/swageMhl.tsx
@@ -31,12 +31,6 @@ const SwageMhl: React.FC<SwageMhlProps> = ({
   handleSearch,
 }) => {
 
-  const handleEnterKey = (e: React.KeyboardEvent<HTMLInputElement>) => {
-    if (e.key === 'Enter') {
-      handleSearch();
-    }
-  };
-
   return (
     <div className="mb-3">
       <div className="mb-2 flex items-center">
@@ -78,7 +72,12 @@ const SwageMhl: React.FC<SwageMhlProps> = ({
             const val = e.target.value.replace(/[^0-9]/g, "");
             setStart1(val);
           }}
-          onKeyDown={handleEnterKey}
+          onKeyDown={(e) => {
+            if (e.key === 'Enter') {
+              e.preventDefault(); // Enter 키 기본 동작 방지
+              handleSearch();
+            }
+          }}
         />
         <span className="mx-2 text-xl font-semibold">~</span>
         <Input
@@ -90,7 +89,12 @@ const SwageMhl: React.FC<SwageMhlProps> = ({
             const val = e.target.value.replace(/[^0-9]/g, "");
             setEnd1(val);
           }}
-          onKeyDown={handleEnterKey}
+          onKeyDown={(e) => {
+            if (e.key === 'Enter') {
+              e.preventDefault(); // Enter 키 기본 동작 방지
+              handleSearch();
+            }
+          }}
         />
         {/* 조회 버튼 */}
         <div className="flex-1 flex justify-end">
diff --git a/apps/sn/app/(map-layout)/map/searchModal/swagePmstn.tsx b/apps/sn/app/(map-layout)/map/searchModal/swagePmstn.tsx
index 1bb113d7f..ee3886e90 100644
--- a/apps/sn/app/(map-layout)/map/searchModal/swagePmstn.tsx
+++ b/apps/sn/app/(map-layout)/map/searchModal/swagePmstn.tsx
@@ -32,12 +32,6 @@ const SwagePmstn: React.FC<SwagePmstnProps> = ({
   handleSearch,
 }) => {
 
-  const handleEnterKey = (e: React.KeyboardEvent<HTMLInputElement>) => {
-    if (e.key === 'Enter') {
-      handleSearch();
-    }
-  };
-  
   return (
     <div className="mb-3">
       <div className="flex items-center mb-2">
@@ -60,7 +54,12 @@ const SwagePmstn: React.FC<SwagePmstnProps> = ({
             const val = e.target.value.replace(/[^0-9]/g, "");
             setStart1(val);
           }}
-          onKeyDown={handleEnterKey}
+          onKeyDown={(e) => {
+            if (e.key === 'Enter') {
+              e.preventDefault(); // Enter 키 기본 동작 방지
+              handleSearch();
+            }
+          }}
         />
         <span className="mx-2 text-xl font-semibold">~</span>
         <Input
@@ -72,7 +71,12 @@ const SwagePmstn: React.FC<SwagePmstnProps> = ({
             const val = e.target.value.replace(/[^0-9]/g, "");
             setEnd1(val);
           }}
-          onKeyDown={handleEnterKey}
+          onKeyDown={(e) => {
+            if (e.key === 'Enter') {
+              e.preventDefault(); // Enter 키 기본 동작 방지
+              handleSearch();
+            }
+          }}
         />
         {/* 양수능력 - 우수맨홀 */}
         <Label className="text-xl text-gray-600 font-medium whitespace-nowrap mr-2">양수능력(m²/d)</Label>
@@ -85,7 +89,12 @@ const SwagePmstn: React.FC<SwagePmstnProps> = ({
             const val = e.target.value.replace(/[^0-9]/g, "");
             setStart2(val);
           }}
-          onKeyDown={handleEnterKey}
+          onKeyDown={(e) => {
+            if (e.key === 'Enter') {
+              e.preventDefault(); // Enter 키 기본 동작 방지
+              handleSearch();
+            }
+          }}
         />
         <span className="mx-2 text-xl font-semibold">~</span>
         <Input
@@ -97,7 +106,12 @@ const SwagePmstn: React.FC<SwagePmstnProps> = ({
             const val = e.target.value.replace(/[^0-9]/g, "");
             setEnd2(val);
           }}
-          onKeyDown={handleEnterKey}
+          onKeyDown={(e) => {
+            if (e.key === 'Enter') {
+              e.preventDefault(); // Enter 키 기본 동작 방지
+              handleSearch();
+            }
+          }}
         />
         {/* 조회 버튼 */}
         <div className="flex-1 flex justify-end">
diff --git a/apps/sn/app/(map-layout)/map/searchModal/swagePpl.tsx b/apps/sn/app/(map-layout)/map/searchModal/swagePpl.tsx
index 38045ad07..72f68498f 100644
--- a/apps/sn/app/(map-layout)/map/searchModal/swagePpl.tsx
+++ b/apps/sn/app/(map-layout)/map/searchModal/swagePpl.tsx
@@ -34,12 +34,6 @@ const SwagePpl: React.FC<SwagePplProps> = ({
   handleSearch,
 }) => {
 
-  const handleEnterKey = (e: React.KeyboardEvent<HTMLInputElement>) => {
-    if (e.key === 'Enter') {
-      handleSearch();
-    }
-  };
-
   return (
     <div className="mb-6">
       <div className="mb-2 flex items-center">
@@ -94,7 +88,12 @@ const SwagePpl: React.FC<SwagePplProps> = ({
             const val = e.target.value.replace(/[^0-9]/g, "");
             setVar1(val);
           }}
-          onKeyDown={handleEnterKey}
+          onKeyDown={(e) => {
+            if (e.key === 'Enter') {
+              e.preventDefault(); // Enter 키 기본 동작 방지
+              handleSearch();
+            }
+          }}
         />
         <span className="mx-2 text-xl font-semibold">~</span>
         <Input
@@ -106,7 +105,12 @@ const SwagePpl: React.FC<SwagePplProps> = ({
             const val = e.target.value.replace(/[^0-9]/g, "");
             setEnd1(val);
           }}
-          onKeyDown={handleEnterKey}
+          onKeyDown={(e) => {
+            if (e.key === 'Enter') {
+              e.preventDefault(); // Enter 키 기본 동작 방지
+              handleSearch();
+            }
+          }}
         />
         {/* 연장 */}
         <Label className="text-xl text-gray-600 font-medium whitespace-nowrap mr-2">연장(m)</Label>
@@ -119,7 +123,12 @@ const SwagePpl: React.FC<SwagePplProps> = ({
             const val = e.target.value.replace(/[^0-9]/g, "");
             setStart1(val);
           }}
-          onKeyDown={handleEnterKey}
+          onKeyDown={(e) => {
+            if (e.key === 'Enter') {
+              e.preventDefault(); // Enter 키 기본 동작 방지
+              handleSearch();
+            }
+          }}
         />
         <span className="mx-2 text-xl font-semibold">~</span>
         <Input
@@ -131,7 +140,12 @@ const SwagePpl: React.FC<SwagePplProps> = ({
             const val = e.target.value.replace(/[^0-9]/g, "");
             setEnd1(val);
           }}
-          onKeyDown={handleEnterKey}
+          onKeyDown={(e) => {
+            if (e.key === 'Enter') {
+              e.preventDefault(); // Enter 키 기본 동작 방지
+              handleSearch();
+            }
+          }}
         />
         {/* 조회 버튼 */}
         <div className="flex-1 flex justify-end">
diff --git a/apps/sn/app/(map-layout)/map/searchModal/swagePrcsFclt.tsx b/apps/sn/app/(map-layout)/map/searchModal/swagePrcsFclt.tsx
index dbcaf6e90..6f76554d9 100644
--- a/apps/sn/app/(map-layout)/map/searchModal/swagePrcsFclt.tsx
+++ b/apps/sn/app/(map-layout)/map/searchModal/swagePrcsFclt.tsx
@@ -36,12 +36,6 @@ const SwagePrcsFclt: React.FC<SwagePrcsFcltProps> = ({
   handleSearch,
 }) => {
 
-  const handleEnterKey = (e: React.KeyboardEvent<HTMLInputElement>) => {
-    if (e.key === 'Enter') {
-      handleSearch();
-    }
-  };
-
   return (
     <div className="mb-3">
       {/* 가동개시일자 */}
@@ -71,7 +65,12 @@ const SwagePrcsFclt: React.FC<SwagePrcsFcltProps> = ({
             const val = e.target.value.replace(/[^0-9]/g, "");
             setStart1(val);
           }}
-          onKeyDown={handleEnterKey}
+          onKeyDown={(e) => {
+            if (e.key === 'Enter') {
+              e.preventDefault(); // Enter 키 기본 동작 방지
+              handleSearch();
+            }
+          }}
         />
         <span className="mx-2 text-xl font-semibold">~</span>
         <Input
@@ -83,7 +82,12 @@ const SwagePrcsFclt: React.FC<SwagePrcsFcltProps> = ({
             const val = e.target.value.replace(/[^0-9]/g, "");
             setEnd1(val);
           }}
-          onKeyDown={handleEnterKey}
+          onKeyDown={(e) => {
+            if (e.key === 'Enter') {
+              e.preventDefault(); // Enter 키 기본 동작 방지
+              handleSearch();
+            }
+          }}
         />
         {/* 처리구역 면적 */}
         <Label className="text-xl text-gray-600 font-medium whitespace-nowrap mr-2">처리구역 면적(m²)</Label>
@@ -96,7 +100,12 @@ const SwagePrcsFclt: React.FC<SwagePrcsFcltProps> = ({
             const val = e.target.value.replace(/[^0-9]/g, "");
             setStart2(val);
           }}
-          onKeyDown={handleEnterKey}
+          onKeyDown={(e) => {
+            if (e.key === 'Enter') {
+              e.preventDefault(); // Enter 키 기본 동작 방지
+              handleSearch();
+            }
+          }}
         />
         <span className="mx-2 text-xl font-semibold">~</span>
         <Input
@@ -108,7 +117,12 @@ const SwagePrcsFclt: React.FC<SwagePrcsFcltProps> = ({
             const val = e.target.value.replace(/[^0-9]/g, "");
             setEnd2(val);
           }}
-          onKeyDown={handleEnterKey}
+          onKeyDown={(e) => {
+            if (e.key === 'Enter') {
+              e.preventDefault(); // Enter 키 기본 동작 방지
+              handleSearch();
+            }
+          }}
         />
         {/* 하수처리시설명 */}
         <Label className="text-xl text-gray-600 font-medium whitespace-nowrap mr-2">하수처리시설명</Label>
@@ -119,7 +133,12 @@ const SwagePrcsFclt: React.FC<SwagePrcsFcltProps> = ({
           onChange={(e) => {
             setVar1(e.target.value);
           }}
-          onKeyDown={handleEnterKey}
+          onKeyDown={(e) => {
+            if (e.key === 'Enter') {
+              e.preventDefault(); // Enter 키 기본 동작 방지
+              handleSearch();
+            }
+          }}
         />
         {/* 조회 버튼 */}
         <div className="flex-1 flex justify-end">
diff --git a/apps/sn/app/(map-layout)/map/searchModal/swagePrcsZone.tsx b/apps/sn/app/(map-layout)/map/searchModal/swagePrcsZone.tsx
index ed2c4a4a7..a9065fb35 100644
--- a/apps/sn/app/(map-layout)/map/searchModal/swagePrcsZone.tsx
+++ b/apps/sn/app/(map-layout)/map/searchModal/swagePrcsZone.tsx
@@ -28,12 +28,6 @@ const swagePrcsZone: React.FC<swagePrcsZoneProps> = ({
   handleSearch,
 }) => {
 
-  const handleEnterKey = (e: React.KeyboardEvent<HTMLInputElement>) => {
-    if (e.key === 'Enter') {
-      handleSearch();
-    }
-  };
-  
   return (
     <div className="mb-3">
       <div className="mb-2 flex items-center">
@@ -54,7 +48,12 @@ const swagePrcsZone: React.FC<swagePrcsZoneProps> = ({
           onChange={(e) => {
             setVar1(e.target.value);
           }}
-          onKeyDown={handleEnterKey}
+          onKeyDown={(e) => {
+            if (e.key === 'Enter') {
+              e.preventDefault(); // Enter 키 기본 동작 방지
+              handleSearch();
+            }
+          }}
         />
         <Label className="text-xl text-gray-600 font-medium whitespace-nowrap mr-2">하수처리시설명</Label>
         <Input
@@ -64,7 +63,12 @@ const swagePrcsZone: React.FC<swagePrcsZoneProps> = ({
           onChange={(e) => {
             setVar2(e.target.value);
           }}
-          onKeyDown={handleEnterKey}
+          onKeyDown={(e) => {
+            if (e.key === 'Enter') {
+              e.preventDefault(); // Enter 키 기본 동작 방지
+              handleSearch();
+            }
+          }}
         />
         {/* 조회 버튼 */}
         <div className="flex-1 flex justify-end">
diff --git a/apps/sn/app/(with-base-layout)/oper/floodPre/page.tsx b/apps/sn/app/(with-base-layout)/oper/floodPre/page.tsx
index 4d1c0fbe8..4ea485821 100644
--- a/apps/sn/app/(with-base-layout)/oper/floodPre/page.tsx
+++ b/apps/sn/app/(with-base-layout)/oper/floodPre/page.tsx
@@ -160,6 +160,12 @@ const Page = () => {
                 className='w-[100px]'
                 value={usr}
                 onChange={(e) => setUsr(e.target.value)}
+                onKeyDown={(e) => {
+                  if (e.key === 'Enter') {
+                    e.preventDefault(); // Enter 키 기본 동작 방지
+                    handleSearch();
+                  }
+                }}
               />
             </div>
             <div className='flex items-center'>
@@ -168,6 +174,12 @@ const Page = () => {
                 className='w-[100px]'
                 value={pjNm}
                 onChange={(e) => setpjNm(e.target.value)}
+                onKeyDown={(e) => {
+                  if (e.key === 'Enter') {
+                    e.preventDefault(); // Enter 키 기본 동작 방지
+                    handleSearch();
+                  }
+                }}
               />
             </div>
           </div>
diff --git a/apps/sn/app/(with-base-layout)/oper/oldPp/page.tsx b/apps/sn/app/(with-base-layout)/oper/oldPp/page.tsx
index 4f46aee91..de7695636 100644
--- a/apps/sn/app/(with-base-layout)/oper/oldPp/page.tsx
+++ b/apps/sn/app/(with-base-layout)/oper/oldPp/page.tsx
@@ -114,8 +114,8 @@ const Page = () => {
       atflId: id,
       dcrpPplMtncBizNm: fileNm
     })
-    if (data) { 
-      alert('파일이 등록되었습니다.'); 
+    if (data) {
+      alert('파일이 등록되었습니다.');
       setIsModalOpen(false);
       handleSearch();
     }
@@ -154,6 +154,12 @@ const Page = () => {
                   className='w-[100px] !text-2xl'
                   value={usr}
                   onChange={(e) => setUsr(e.target.value)}
+                  onKeyDown={(e) => {
+                    if (e.key === 'Enter') {
+                      e.preventDefault(); // Enter 키 기본 동작 방지
+                      handleSearch();
+                    }
+                  }}
                 />
               </div>
               <div className='flex items-center'>
@@ -162,6 +168,12 @@ const Page = () => {
                   className='w-[100px] !text-2xl'
                   value={pjNm}
                   onChange={(e) => { setpjNm(e.target.value) }}
+                  onKeyDown={(e) => {
+                    if (e.key === 'Enter') {
+                      e.preventDefault(); // Enter 키 기본 동작 방지
+                      handleSearch();
+                    }
+                  }}
                 />
               </div>
             </div>