가영 수정 완료

client/src/components/Buttons/AddBtn.js

@@ -4,7 +4,7 @@ import styles from "./buttons.module.scss";
 const AddBtn = () => {
     return (
         <>
-            <i className={`bi bi-plus-circle me-2 mb-1 ${styles.icon}`} data-bs-toggle="modal" data-bs-target="#staticBackdrop"></i>
+            <i className={`bi bi-plus-circle me-2 mb-1 ${styles.icon}`} data-bs-toggle="modal" data-bs-target="#todomodal"></i>
             <TodoModal />
         </>
     )

client/src/components/Modal/TodoModal.js

@@ -2,30 +2,28 @@ import styles from "./modal.module.scss";
 
 const TodoModal = () => {
   return (
-    <>
-      <div className="modal fade" id="todomodal" 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" style={{ backgroundColor: "crimson" }}>
-            <div className="modal-header px-2 py-1" >
-              <h5 className="modal-title text-white" id="staticBackdropLabel">To-do</h5>
-              <button type="button" className="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
-            </div>
-            <div className="modal-body" style={{ backgroundColor: "white" }}>
-              <input type="text" name="todoTitle"
-                className={`form-control border-top-0 border-end-0 border-start-0 shadow-none rounded-0 ${styles.textInput}`}
-                placeholder="제목" />
-              <label className="form-label m-2">날짜 </label>
-              <input type="date" value="2021-10-12" className="ms-4 mt-4" />
-            </div>
-            <div className="modal-footer p-1" style={{ backgroundColor: "white" }} >
-              <button type="button" className="btn btn-secondary btn-sm"
-                data-bs-dismiss="modal">취소</button>
-              <button type="button" className="btn btn-crimson btn-sm">확인</button>
-            </div>
+    <div className="modal fade" id="todomodal" 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" style={{ backgroundColor: "crimson" }}>
+          <div className="modal-header px-2 py-1" >
+            <h5 className="modal-title text-white" id="staticBackdropLabel">To-do</h5>
+            <button type="button" className="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
+          </div>
+          <div className="modal-body" style={{ backgroundColor: "white" }}>
+            <input type="text" name="todoTitle"
+              className={`form-control border-top-0 border-end-0 border-start-0 shadow-none rounded-0 ${styles.textInput}`}
+              placeholder="제목" />
+            <label className="form-label m-2">날짜 </label>
+            <input type="date" value="2021-10-12" className="ms-4 mt-4" />
+          </div>
+          <div className="modal-footer p-1" style={{ backgroundColor: "white" }} >
+            <button type="button" className="btn btn-secondary btn-sm"
+              data-bs-dismiss="modal">취소</button>
+            <button type="button" className="btn btn-crimson btn-sm">확인</button>
           </div>
         </div>
       </div>
-    </>
+    </div>
   )
 }
 

client/src/components/StudyPlan/PlanItem.js

@@ -27,7 +27,7 @@ const PlanItem = () => {
             </h5>
             <p className={`text-secondary mb-0 ${styles.time}`}>~21.09.30 16:00</p>
           </button>
-          <div id="flush-collapseOne" className="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="S#addplanlist">
+          <div id="flush-collapseOne" className="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#addplanlist">
             <div className={`accordion-body px-0 pt-2 pb-0 mb-3 ${styles.textBox}`}>
               컴퓨터의 프로세스 수 체크하는 프로그램 만들기 과제<br />결과화면 캡쳐해서 exe파일이랑 함께 압축하여 제출하기
               <div className="d-flex justify-content-end mt-3">