KU

client/src/components/Schedule/KUSchedule.js

+import styles from "./schedule.module.scss";
+
+const KUSchedule = () => {
+    return (
+        <div className="card w-75 rounded-0 border-dark mx-auto">
+            <div className={`card-header rounded-0 px-1 ${styles.header}`}>
+                <img className={styles.ku_tiger} src={process.env.PUBLIC_URL + '/ku-tiger(bgX).png'} alt="어흥이" />
+            </div>
+            <div className="card-body text-center pb-2">
+                <h5 className={`card-title ${styles.flowText}`}>복수전공 신청복수전공 신청복수전공 신청복수전공 신청</h5>
+                <p className="card-text text-secondary mb-1">21.09.27 ~ 21.09.29</p>
+                <p className="text-start mb-0">복수전공신청</p>
+            </div>
+        </div>
+    )
+}
+
+export default KUSchedule
\ No newline at end of file

client/src/components/Schedule/ScheduleList.js

 import Item from "./ScheduleItem.js";
+import styles from "./schedule.module.scss";
 
 const ScheduleList = () => {
     return (
-        <div className="accordion accordion-flush" id="scheduleList">
+        <div className={`accordion accordion-flush ${styles.list}`} id="scheduleList">
+            <Item />
+            <Item />
+            <Item />
+            <Item />
+            <Item />
+            <Item />
             <Item />
         </div>
     )

client/src/components/Schedule/schedule.module.scss

+.list {
+    overflow-y: auto;
+}
+
 .activeBtn {
     &:focus {
         border-color: black;
@@ -41,4 +45,16 @@
 
 .textBox {
     white-space: pre-line;
-}
\ No newline at end of file
+}
+
+.header {
+    background-color: crimson;
+    & .ku_tiger {
+        width: 46px;
+        height: 35px;
+    }
+}
+
+// .flowText {
+
+// }
\ No newline at end of file

client/src/pages/SchedulePage.js

@@ -2,6 +2,7 @@ import Menu from "../components/Menu/Menu.js";
 import HomeBtn from "../components/Buttons/HomeBtn.js";
 import EditBtn from "../components/Buttons/EditBtn.js";
 import ScheduleModal from "../components/Modal/ScheduleModal.js";
+import KUSchedule from "../components/Schedule/KUSchedule.js";
 import ScheduleList from "../components//Schedule/ScheduleList.js";
 
 const SchedulePage = () => {
@@ -12,6 +13,7 @@ const SchedulePage = () => {
             <button type="button" className="btn btn-primary" data-bs-toggle="modal" data-bs-target="#scheduleModal">
                 <ScheduleModal />
             </button>
+            <KUSchedule />
             <ScheduleList />
             <EditBtn pathname="schedule/edit" />
         </>