diff --git a/src/pages/deleteModal.js b/src/pages/deleteModal.js
new file mode 100644
index 0000000000000000000000000000000000000000..e5f56a6ef44b552ed82ad48d0ceaf83511298403
--- /dev/null
+++ b/src/pages/deleteModal.js
@@ -0,0 +1,33 @@
+// ScheduleItem.js
+
+import React from 'react';
+import delete_styles from './deleteModal.module.css';
+const ScheduleDeleteModal = ({ isOpen, onClose, onDelete, schedule }) => {
+  console.log('모달창:',isOpen);
+  if (schedule) {
+    const scheduleContent =  schedule.target.id;
+    console.log('scheduleContent:', scheduleContent);
+  }
+  if (isOpen===true){
+    return (
+      <div className={delete_styles.Demodal}>
+      
+        {/* 삭제 모달 */}
+        <div className={delete_styles.Demodal_content}>
+          <div className={delete_styles.method_text}>어떤 방식으로 삭제하시겠습니까?</div>
+         
+          {/* <div>{scheduleContent}</div> */}
+          <button onClick={() => onDelete(schedule.id)}>하나만 삭제</button>
+          <button onClick={() => onDelete(schedule.id, 'afterDay')}>오늘 이후로 삭제</button>
+          <button onClick={() => onDelete(schedule.id, 'total')}>전체 삭제</button>
+          <button onClick={onClose}>취소</button>
+        </div>
+      </div>
+      
+    );
+  }
+
+};
+
+
+export default ScheduleDeleteModal;