From 9a9cc85420a7fd9719c8c3f2617b2515d21a13ac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=B0=BD=EC=88=98?= <chang9811@interplug.co.kr>
Date: Tue, 13 May 2025 16:51:58 +0900
Subject: [PATCH] =?UTF-8?q?search=20=EC=A7=80=EC=9A=B0=EA=B8=B0=20?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=20=EC=B6=94=EA=B0=80=20input=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PublishList/PublishList.tsx       |  6 +++++-
 src/components/roofcompliance/RoofCompliance.tsx | 11 ++++++++++-
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components/PublishList/PublishList.tsx b/src/components/PublishList/PublishList.tsx
index 74f9f65..3d875ea 100644
--- a/src/components/PublishList/PublishList.tsx
+++ b/src/components/PublishList/PublishList.tsx
@@ -213,7 +213,11 @@ export default function PublishList (){
                     <td className='c'>
                       지붕재 적합성 상세 팝업 포함
                     </td>
-                    <td className='c'>
+                    <td className='c red'>
+                      <ul>
+                        <li>2025/05/13</li>
+                        <li>* Search Input 지우기 버튼 추가가</li>
+                      </ul>
                     </td>
                     <td className='c red'>2025/05/08</td>
                   </tr>
diff --git a/src/components/roofcompliance/RoofCompliance.tsx b/src/components/roofcompliance/RoofCompliance.tsx
index 101030e..8b77048 100644
--- a/src/components/roofcompliance/RoofCompliance.tsx
+++ b/src/components/roofcompliance/RoofCompliance.tsx
@@ -5,6 +5,13 @@ import RoofComplianceCheckData from "./RoofComplianceCheckData";
 
 export default function RoofCompliance(){
   const [reference, setReference] = useState(false);
+    const [searchValue, setSearchValue] = useState(''); //search 데이터 유무
+
+  //search 데이터 value 추가
+  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => { 
+    setSearchValue(e.target.value);
+  };
+  
   return(
     <div className="border-frame">
       <div className="sale-form-bx">
@@ -18,7 +25,9 @@ export default function RoofCompliance(){
       </div>
       <div className="sale-form-bx">
         <div className="search-input">
-          <input type="text" className="search-frame" placeholder="屋根材 製品名を入力してください."/>
+          <input type="text" className="search-frame" value={searchValue} onChange={handleChange} placeholder="Search"/>
+          {/*input에 데이터 있으면 삭제버튼 보임 */}
+          {searchValue && <button className="del-icon" onClick={() => setSearchValue('')}></button>}
           <button className="search-icon"></button>
         </div>
       </div>