https://dpmuknqf.gensparkspace.com/admin.html

1<!DOCTYPE html>
2<html lang="ko">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <title>관리자 페이지 - 취업 스터디 신청 관리</title>
7    <link rel="stylesheet" href="css/admin.css">
8    

8<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

8
9</head>
10<body>
11    <div class="admin-container">
12        <div class="header">
13            <h1>📊 스터디 신청 관리</h1>
14            <a href="index.html" class="back-btn">← 메인으로</a>
15        </div>
16
17        <div id="login-section" class="login-section">
18            <h2>관리자 로그인</h2>
19            <input type="password" id="password" placeholder="비밀번호 입력" />
20            <button onclick="login()">로그인</button>
21        </div>
22
23        <div id="admin-panel" class="admin-panel" style="display: none;">
24            <div class="stats">
25                <div class="stat-card">
26                    <div class="stat-number" id="total-count">0</div>
27                    <div class="stat-label">총 신청자</div>
28                </div>
29                <div class="stat-card">
30                    <div class="stat-number" id="today-count">0</div>
31                    <div class="stat-label">오늘 신청</div>
32                </div>
33                <div class="stat-card">
34                    <div class="stat-number" id="sent-count">0</div>
35                    <div class="stat-label">메일 전송 완료</div>
36                </div>
37            </div>
38
39            <div class="chart-container">
40                <h3 class="chart-title">월별 신청자 수</h3>
41                <canvas id="monthlyChart" style="height: 300px;"></canvas>
42            </div>
43
44            <div class="actions">
45                <button onclick="exportData()" class="action-btn export">📥 CSV 다운로드</button>
46                <button onclick="clearData()" class="action-btn delete">🗑️ 전체 삭제</button>
47            </div>
48
49            <div class="table-container">
50                <table id="applications-table">
51                    <thead>
52                        <tr>
53                            <th>번호</th>
54                            <th>신청일</th>
55                            <th>목표 공기업</th>
56                            <th>주제</th>
57                            <th>이메일</th>
58                            <th>전송유무</th>
59                            <th>작업</th>
60                        </tr>
61                    </thead>
62                    <tbody id="table-body">
63                    </tbody>
64                </table>
65                <div id="empty-state" class="empty-state" style="display: none;">
66                    📭 아직 신청자가 없습니다.
67                </div>
68            </div>
69        </div>
70    </div>
71
72    

72<script src="js/admin.js"></script>

72
73</body>
74</html>