[add]: attend_week_info 컴포넌트 추가

frontend/src/Attendance.jsx

@@ -1,6 +1,7 @@
 import { useState } from "react";
 import Header from "./components/Header";
 import InputBlock from "./components/InputBlock";
+import AttendanceWeekInfo from "./components/AttendanceWeekInfo";
 import styles from "./Attendance.module.css";
 
 const Attendance = () => {
@@ -36,7 +37,24 @@ const Attendance = () => {
           Submit
         </button>
       )}
-      <div className={styles.attend_img_container}></div>
+      <div className={styles.attend_img_container}>
+        <div className={styles.boom_icon}>
+          <img src="img/tabler--boom.png" />
+        </div>
+        <div className={styles.boom_icon}>
+          <img src="img/tabler--boom.png" />
+        </div>
+        <div className={styles.boom_icon}>
+          <img src="img/tabler--boom.png" />
+        </div>
+      </div>
+      <div className={styles.attend_week_container}>
+        <AttendanceWeekInfo week={1} />
+        <AttendanceWeekInfo week={2} />
+        <AttendanceWeekInfo week={3} />
+        <AttendanceWeekInfo week={4} />
+        <AttendanceWeekInfo week={5} />
+      </div>
     </div>
   );
 };

frontend/src/Attendance.module.css

@@ -15,3 +15,18 @@
   right: 63px;
   padding: 7px;
 }
+.attend_img_container {
+  display: flex;
+  gap: 22px;
+  width: 100%;
+  padding-block: 40px;
+  justify-content: center;
+}
+.boom_icon {
+  width: 70px;
+  height: 65px;
+}
+.boom_icon > img {
+  width: 100%;
+  height: 100%;
+}

frontend/src/components/AttendanceWeekInfo.jsx

@@ -0,0 +1,12 @@
+import React from "react";
+import "./componentsCss/AttendanceWeekInfo.css";
+
+const AttendanceWeekInfo = ({ week }) => {
+  return (
+    <div className="eachWeekInfo">
+      <p className="weekInfo">{week}주차</p>
+    </div>
+  );
+};
+
+export default AttendanceWeekInfo;

frontend/src/components/componentsCss/AttendanceWeekInfo.css

@@ -0,0 +1,16 @@
+.eachWeekInfo {
+  width: 270px;
+  padding: 14px;
+  border-radius: 20px;
+  background-color: #6e6e6e;
+  border: 1px solid #d9d9d9;
+  margin-block: 20px;
+  display: flex;
+  align-items: center;
+}
+.weekInfo {
+  font-weight: 600;
+  font-size: 15px;
+  color: #ffffff;
+  font-family: "Inter", sans-serif;
+}