class->className & tabindex->tabIndex 변경

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 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">

client/src/components/TodoList.js

@@ -6,12 +6,12 @@ const TodoList = () => {
 
   return (
     <div className="d-flex mt-3">
-        <div className="d-flex align-items-center" style={{width:"75%"}}>
+      <div className="d-flex align-items-center" style={{ width: "75%" }}>
         <input className={`form-check-input rounded-0 shadow-none mt-0 ${styles.checkBox}`} type="checkbox" />
         <label className="form-check-label fs-5 ms-3 pe-2 text-nowrap" style={{ overflow: "hidden", textOverflow: "ellipsis" }}>과제03 제출하기sadsa</label>
       </div>
-        <div className="d-flex justify-content-between" style={{ cursor: "pointer", width:"25%" }}>
-          <i class="bi bi-arrow-right  fs-5" data-bs-toggle="modal" data-bs-target="#postmodal"><TodoPostModal /></i>
+      <div className="d-flex justify-content-between" style={{ cursor: "pointer", width: "25%" }}>
+        <i className="bi bi-arrow-right  fs-5" data-bs-toggle="modal" data-bs-target="#postmodal"><TodoPostModal /></i>
         <i className="bi bi-pencil-square  fs-5" data-bs-toggle="modal" data-bs-target="#todomodal"></i>
         <TodoModal />
         <i className="bi bi-trash fs-5"></i>