diff --git a/frontend/index.html b/frontend/index.html
index a634f017..50c8ad0e 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -10,7 +10,7 @@
href="https://cdn.jsdelivr.net/npm/pretendard/dist/web/static/pretendard.css"
/>
-
-
출석하기
-
- {attendanceSelectData.map((item, idx) => {
- return (
-
nav(item.path)}
- />
- );
- })}
-
+
);
};
diff --git a/frontend/src/pages/Attendance.module.css b/frontend/src/pages/Attendance.module.css
new file mode 100644
index 00000000..52e21ee5
--- /dev/null
+++ b/frontend/src/pages/Attendance.module.css
@@ -0,0 +1,23 @@
+.container {
+ display: flex;
+ flex-direction: column;
+ padding: 80px;
+ gap: 20px;
+ justify-content: center;
+ align-items: flex-start;
+}
+
+.title {
+ font-weight: 600;
+ font-size: 36px;
+ line-height: 100%;
+ letter-spacing: 0%;
+ color: #171717;
+}
+
+.attendanceSection {
+ margin-top: 25px;
+ display: flex;
+ gap: 20px;
+ justify-content: center;
+}
diff --git a/frontend/src/utils/attendanceList.js b/frontend/src/utils/attendanceList.js
new file mode 100644
index 00000000..80a42bb4
--- /dev/null
+++ b/frontend/src/utils/attendanceList.js
@@ -0,0 +1,37 @@
+export const attendanceList = [
+ {
+ date: '25-09-01',
+ startTime: '18:00:00',
+ available: 30,
+ round: 1,
+ name: '김성원',
+ },
+ {
+ date: '25-09-08',
+ startTime: '18:00:00',
+ available: 10,
+ round: 2,
+ name: '김성원',
+ },
+ {
+ date: '25-09-15',
+ startTime: '18:00:00',
+ available: 20,
+ round: 3,
+ name: '김성원',
+ },
+ {
+ date: '25-09-22',
+ startTime: '18:00:00',
+ available: 30,
+ round: 4,
+ name: '김성원',
+ },
+ {
+ date: '25-09-29',
+ startTime: '18:00:00',
+ available: 30,
+ round: 5,
+ name: '김성원',
+ },
+];
diff --git a/frontend/src/utils/bettingHistory.js b/frontend/src/utils/bettingHistory.js
index 38bd8f23..7c88d420 100644
--- a/frontend/src/utils/bettingHistory.js
+++ b/frontend/src/utils/bettingHistory.js
@@ -1,4 +1,5 @@
import { api } from '../utils/axios.js';
+import { toast } from 'react-toastify';
const betHistory = async () => {
try {
@@ -6,8 +7,8 @@ const betHistory = async () => {
// 백엔드에서 최신순으로 정렬된 데이터 반환
const filterdRes = res.data.filter((r) => r.betStatus !== 'DELETED');
return filterdRes;
- } catch (error) {
- console.log(error.message);
+ } catch {
+ toast.error('오류가 발생했습니다. 다시 시도해주세요.');
return null;
}
};
diff --git a/frontend/src/utils/bettingInfo.js b/frontend/src/utils/bettingInfo.js
index 42e43099..616da207 100644
--- a/frontend/src/utils/bettingInfo.js
+++ b/frontend/src/utils/bettingInfo.js
@@ -1,11 +1,12 @@
import { api } from '../utils/axios.js';
+import { toast } from 'react-toastify';
export const dailyBet = async () => {
try {
const res = await api.get('/api/bet-rounds/DAILY');
return res.data;
- } catch (error) {
- console.log(error.message);
+ } catch {
+ toast.error('오류가 발생했습니다. 다시 시도해주세요.');
return null;
}
};
@@ -14,8 +15,8 @@ export const weeklyBet = async () => {
try {
const res = await api.get('/api/bet-rounds/WEEKLY');
return res.data;
- } catch (error) {
- console.log(error.message);
+ } catch {
+ toast.error('오류가 발생했습니다. 다시 시도해주세요.');
return null;
}
};