Alert 팝업 추가

src/app/alert/page.tsx

@@ -0,0 +1,22 @@
+import DoubleBtnAlert from "@/components/alerts/DoubleBtnAlert";
+import SingleBtnAlert from "@/components/alerts/SingleBtnAlert";
+import Footer from "@/components/layouts/Footer";
+import Header from "@/components/layouts/Header";
+
+export default function AlertPage() {
+  return (
+    <>
+      <div className="wrap">
+        <Header name={"調査物件新規登録"} backBtn={true}/>
+        <div className="container">
+
+        </div>
+        <Footer/>
+      </div>
+      {/* 버튼 1개 */}
+      {/* <SingleBtnAlert/> */}
+      {/* 버튼 2개 */}
+      <DoubleBtnAlert/>
+    </>
+  )
+}

src/components/PublishList/PublishList.tsx

@@ -71,6 +71,20 @@ export default function PublishList (){
                     </td>
                     <td className='c red'>2025/04/29</td>
                   </tr>
+                  <tr>
+                    <td>Alert</td>
+                    <td>Alert 모음</td>
+                    <td>
+                      <Link href={'alert'}>AlertPage.tsx</Link>
+                    </td>
+                    <td className='c'>
+                      
+                    </td>
+                    <td className='c'>
+                      
+                    </td>
+                    <td className='c red'>2025/04/29</td>
+                  </tr>
                   <tr>
                     <td rowSpan={3}>매물</td>
                     <td>매물 목록</td>

src/components/alerts/DoubleBtnAlert.tsx

@@ -0,0 +1,19 @@
+export default function DoubleBtnAlert(){
+  return(
+    <div className="modal-popup alert">
+      <div className="modal-dialog">
+        <div className="modal-content">
+          <div className="alert-tit">本当に削除しますか?</div>
+          <div className="alert-btn-wrap">
+            <div className="alert-btn-bx">
+              <button className="btn-frame red min">確認</button>
+            </div>
+            <div className="alert-btn-bx">
+              <button className="btn-frame n-blue min">キャンセル</button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}

src/components/alerts/SingleBtnAlert.tsx

@@ -0,0 +1,16 @@
+export default function SingleBtnAlert(){
+  return(
+    <div className="modal-popup alert">
+      <div className="modal-dialog">
+        <div className="modal-content">
+          <div className="alert-tit">保存されました.</div>
+          <div className="alert-btn-wrap">
+            <div className="alert-btn-bx">
+              <button className="btn-frame red min">確認</button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}

src/styles/layout/_pop-common.scss

@@ -82,3 +82,28 @@
     background-size: cover;
   }
 }
+
+// alert
+.modal-popup{
+  &.alert{
+    .modal-dialog{
+      max-width: 237px;
+      .modal-content{
+        padding: 20px;
+        .alert-tit{
+          padding-bottom: 15px;
+          border-bottom: 1px solid #ECECEC;
+          text-align: center;
+          @include defaultFont($font-s-13, $font-w-400, $font-c);
+        }
+        .alert-btn-wrap{
+          @include flex(5px);
+          margin-top: 20px;
+          .alert-btn-bx{
+            flex: 1;
+          }
+        }
+      }
+    }
+  }
+}