Todo 작업중

client/src/components/Card/StudyPlanCard.js

+import { useState } from "react";
 import styles from "../Form/form.module.scss";
 import { Link } from "react-router-dom";
 
-const StudyPlanCard= () => {
+const StudyPlanCard = () => {
+  const [studyplan, setStudyplan] = useState({
+    subject:"",
+    info:"",
+    contents:[]
+  })
   return (
     <>
       <div className="d-flex justify-content-center mt-3">
@@ -10,7 +16,7 @@ const StudyPlanCard= () => {
             <div className="d-flex justify-content-between">
               <h5 className="card-title col-10">운영체제</h5>
               <div className="col-2">
-                <i className="bi bi-pencil-square pe-2"></i>
+                <Link className="text-decoration-none link-dark" to="/subject/edit"><i className="bi bi-pencil-square pe-2"></i></Link>
                 <i className="bi bi-trash"></i>
               </div>
             </div>
@@ -31,9 +37,9 @@ const StudyPlanCard= () => {
         <div className="card" style={{ width: "20rem" }}>
           <div className="card-body">
             <div className="d-flex ">
-              <h5 className="card-title col-10 text-nowrap" style={{overflow:"hidden", textOverflow:"ellipsis"}}>네트워크 프로그래밍 및 실습</h5>
+              <h5 className="card-title col-10 text-nowrap" style={{ overflow: "hidden", textOverflow: "ellipsis" }}>네트워크 프로그래밍 및 실습</h5>
               <div className="col-2">
-                <i className="bi bi-pencil-square pe-2"></i>
+                <Link className="text-decoration-none link-dark" to="/subject/edit"><i className="bi bi-pencil-square pe-2"></i></Link>
                 <i className="bi bi-trash"></i>
               </div>
             </div>
@@ -47,7 +53,7 @@ const StudyPlanCard= () => {
           </div>
         </div>
       </div>
-     
+
     </>
   )
 }

client/src/components/Modal/TodoPostModal.js

+const TodoPostModal = () => {
+  return (
+    <>
+      <div className="modal fade" id="postmodal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
+        <div className="modal-dialog modal-dialog-centered">
+          <div className="modal-content">
+            <div className="modal-body">
+              <p className="form-label m-2">해당 일정을 내일로 미루시겠습니까? </p>
+            </div>
+            <div className="modal-footer p-1">
+              <button type="button" className="btn btn-crimson btn-sm">네</button>
+              <button type="button" className="btn btn-secondary btn-sm"
+                data-bs-dismiss="modal">아니요</button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  )
+}
+
+export default TodoPostModal;
\ No newline at end of file

client/src/pages/ToDoPage.js

@@ -3,6 +3,7 @@ import Menu from "../components/Menu/Menu.js";
 import HomeBtn from "../components/Buttons/HomeBtn.js";
 import styles from "../components/Form/form.module.scss";
 import TodoModal from "../components/Modal/TodoModal.js";
+import TodoPostModal from "../components/Modal/TodoPostModal.js";
 
 const ToDoPage = () => {
     return (
@@ -19,7 +20,7 @@ const ToDoPage = () => {
                     <p className={`form-check-label fs-5 ms-3 ${styles.title}`}>과제03 제출하기</p>
                 </div>
                 <div>
-                    <i class="bi bi-arrow-right pe-2 fs-5"></i>
+                    <i class="bi bi-arrow-right pe-2 fs-5" data-bs-toggle="modal" data-bs-target="#postmodal"><TodoPostModal /></i>
                     <i className="bi bi-pencil-square pe-2 fs-5" data-bs-toggle="modal" data-bs-target="#staticBackdrop"><TodoModal /></i>
                     <i className="bi bi-trash fs-5"></i>
                 </div>