diff --git a/apps/sn/app/oper/floodPre/page.tsx b/apps/sn/app/oper/floodPre/page.tsx
index fdeec56f4..84ccfa743 100644
--- a/apps/sn/app/oper/floodPre/page.tsx
+++ b/apps/sn/app/oper/floodPre/page.tsx
@@ -18,82 +18,74 @@ const Page = () => {
     const [manageYear, setManageYear] = useState('')
     const [mngQu, setMngQu] = useState('')
     const [usr, setUsr] = useState('')
-    const [pjNm, setPjNm] = useState('')
-
-
-    const handleDownload = async () => {
-        try {
-          const response = await fetch('/attach-service/api/v1/download/6066b08c-2a55-438c-b8ff-2aed9739a0c6', {
-            method: 'GET',
-          });
-    
-          if (!response.ok) {
-            throw new Error('파일 다운로드 실패');
-          }
-    
-          const blob = await response.blob();
-          const url = window.URL.createObjectURL(blob);
-    
-          // 다운로드를 트리거할 가짜 <a> 태그 생성
-          const link = document.createElement('a');
-          link.href = url;
-          link.download = 'test.jpg'; // 원하는 파일명 지정
-          document.body.appendChild(link);
-          link.click();
-    
-          // 메모리 해제
-          link.remove();
-          window.URL.revokeObjectURL(url);
-        } catch (error) {
-          console.error('다운로드 중 오류 발생:', error);
+    const [pjNm, setpjNm] = useState('')
+    const [fileNm, setFileNm] = useState('')
+    // TODO: 초기값 세팅필요
+    const isChckFile = () => {
+        if (fileNm === '' || fileNm === undefined) {
+            alert('파일을 선택해주세요')
         }
-    };
-
-
-    return (
-        <ContentLayout title='도시침수 예방사업'>
-            <SearchDiv>
-                <SearchFormLeft>
-                    <div className='flex items-center gap-4'>
-                        <div className='flex items-center gap-2'>
-                            <Label className="w-20 text-xl text-gray-600">등록기간</Label>
-                            <DatePicker mode={'single'}
-                                selected={selectedDate}
-                                onSelect={(date: Date | undefined) => { if (date) setSelectedDate(date) }} />
-                            <span>~</span>
-                            <DatePicker mode={'single'}
-                                selected={selectedDate}
-                                onSelect={(date: Date | undefined) => { if (date) setSelectedDate(date) }} />
-                        </div>
-                        <div className='flex items-center'>
-                            <Label className="w-20 text-xl text-gray-600">등록자</Label>
-                            <Input
-                                className='w-[100px]'
-                                value={company}
-                                onChange={(e) => setCompany(e.target.value)}
-                            />
-                        </div>
-                        <div className='flex items-center'>
-                            <Label className="w-20 text-xl text-gray-600">파일명</Label>
-                            <Input
-                                className='w-[100px]'
-                                value={pjNm}
-                                onChange={(e) => setPjNm(e.target.value)}
-                            />
-                        </div>
+        // TODO: 추후 파일코드 동적으로 세팅
+        handleDownload('/sn/attach-service/api/v1/download/6066b08c-2a55-438c-b8ff-2aed9739a0c6', fileNm)
+    }
+    //TODO: 파일 업로드 처리
+return (
+    <ContentLayout title='도시침수 예방사업'>
+        <SearchDiv>
+            <SearchFormLeft>
+                <div className='flex items-center gap-4'>
+                    <div className='flex items-center gap-2'>
+                        <Label className="w-20 text-xl text-gray-600">등록기간</Label>
+                        <DatePicker mode={'single'}
+                            selected={fromDate}
+                            onSelect={(date: Date | undefined) => { if (date) setFromDate(date) }} />
+                        <span>~</span>
+                        <DatePicker mode={'single'}
+                            selected={toDate}
+                            onSelect={(date: Date | undefined) => { if (date) setToDate(date) }} />
                     </div>
-                </SearchFormLeft>
-                <SearchFormRight>
-                    <Button className="px-4 py-2 bg-blue-600 text-white rounded-sm text-sm font-medium hover:bg-blue-700" size="sm">조회</Button>
-                </SearchFormRight>
-            </SearchDiv>
-            <ListDiv className="mt-4">
-                <div className="card-header flex items-center justify-between">
-                    <h3 className="text-2xl font-medium">사업정보 등록현황</h3>
-                    <div>
-                        <Button className="px-4 py-2 !mr-[1.2rem] bg-blue-600 text-white rounded-sm text-sm font-medium hover:bg-blue-700" size="sm" >파일 다운로드</Button>
-                        <Button className="px-4 py-2 bg-blue-600 text-white rounded-sm text-sm font-medium hover:bg-blue-700 !mr-[1.2rem]" size="sm" onClick={handleDownload} >삭제</Button>
+                    <div className='flex items-center'>
+                        <Label className="w-20 text-xl text-gray-600">관리년도</Label>
+                        <Input
+                            className='w-[100px]'
+                            value={manageYear}
+                            onChange={(e) => setManageYear(e.target.value)}
+                        />
+                        <span>~</span>
+                        <Input
+                            className='w-[100px]'
+                            value={mngQu}
+                            onChange={(e) => setMngQu(e.target.value)}
+                        />
                     </div>
+                    <div className='flex items-center'>
+                        <Label className="w-20 text-xl text-gray-600">등록자</Label>
+                        <Input
+                            className='w-[100px]'
+                            value={usr}
+                            onChange={(e) => setUsr(e.target.value)}
+                        />
+                    </div>
+                    <div className='flex items-center'>
+                        <Label className="w-20 text-xl text-gray-600">파일명</Label>
+                        <Input
+                            className='w-[100px]'
+                            value={pjNm}
+                            onChange={(e) => setpjNm(e.target.value)}
+                        />
+                    </div>
+                </div>
+            </SearchFormLeft>
+            <SearchFormRight>
+                <Button className="px-4 py-2 bg-blue-600 text-white rounded-sm text-sm font-medium hover:bg-blue-700" size="sm" onClick={() => { searchData('v1/sbmrgPrevnt', { fromRegDt: formatDate(fromDate), fromMngYr: manageYear, toMngYr: mngQu, toRegDt: formatDate(toDate), atflNm: pjNm, rgtrNm: usr, page: '0', size: '10' }) }} >조회</Button>
+            </SearchFormRight>
+        </SearchDiv>
+        <ListDiv className="mt-4">
+            <div className="card-header flex items-center justify-between">
+                <h3 className="text-2xl font-medium">사업정보 등록현황</h3>
+                <div>
+                    <Button className="px-4 py-2 !mr-[1.2rem] bg-blue-600 text-white rounded-sm text-sm font-medium hover:bg-blue-700" size="sm" onClick={isChckFile} >파일 다운로드</Button>
+                    <Button className="px-4 py-2 bg-blue-600 text-white rounded-sm text-sm font-medium hover:bg-blue-700 !mr-[1.2rem]" size="sm" onClick={() => { }} >삭제</Button>
                 </div>
             </div>
             <UiTable headName='' tableData={tableData} headlist={tableHeadlist} pageSize={10} total={10} cellClick={(index) => { if (index != null) { const fileName = tableData[index]?.fileNm ?? ""; setFileNm(fileName) } }} onPageChange={function (page: number): void {