feat: Implement daily attendance tracking system

- Backend: Auto-sync work reports with attendance records
- Backend: Lazy initialization of daily active worker records
- Frontend: Real-time attendance status on Group Leader Dashboard

DEV_LOG.md

@@ -41,6 +41,18 @@
     - **원인**: `workerModel.update` 쿼리에 DB에 존재하지 않는 `join_date` 컬럼을 업데이트하려는 시도가 있어 SQL 에러 발생.
     - **해결**: `workerModel.js`에서 잘못된 컬럼(`join_date`) 참조 제거. (올바른 컬럼 `hire_date`는 유지)
 
+
+3.  **일일 근태 추적 시스템 구현 (Daily Attendance Tracking)**
+    - **Backend**:
+        - `AttendanceModel.initializeDailyRecords` 추가: 모든 활성 작업자에 대해 'incomplete' 상태의 근태 기록 자동 생성 (Lazy Initialization).
+        - `AttendanceModel.syncWithWorkReports` 추가: 작업 보고서 작성/수정/삭제 시 근태 상태(미제출/부분/완료/초과) 자동 동기화.
+        - `dailyWorkReportModel.js`에 동기화 로직 통합 (트랜잭션 후 처리).
+        - `attendanceService`에서 상태 조회 시 초기화 로직 수행.
+    - **Frontend**:
+        - `group-leader-dashboard.js` 리팩토링: 모의 데이터 대신 실제 API(`/attendance/daily-status`) 연동.
+        - `modern-dashboard.css`: 근태 현황 카드(`worker-card`) 및 그리드 스타일 추가.
+        - `group-leader.html`: 스크립트 로드 추가 및 DOM 구조 확인.
+
 ---
 
 ## 🛡보안 및 검토 리포트 (History)

api.hyungi.net/models/attendanceModel.js

@@ -34,6 +34,133 @@ class AttendanceModel {
     return rows;
   }
 
+  // 작업 보고서와 근태 기록 동기화 (시간 합산 및 상태 업데이트)
+  static async syncWithWorkReports(workerId, date) {
+    const db = await getDb();
+
+    // 1. 해당 날짜의 총 작업 시간 계산
+    const [reportStats] = await db.execute(`
+      SELECT 
+        COALESCE(SUM(work_hours), 0) as total_hours,
+        COUNT(*) as report_count
+      FROM daily_work_reports
+      WHERE worker_id = ? AND report_date = ?
+    `, [workerId, date]);
+
+    const totalHours = parseFloat(reportStats[0].total_hours || 0);
+    const reportCount = reportStats[0].report_count;
+
+    // 2. 근태 유형 및 상태 결정
+    // 기본 규칙: 0시간 -> incomplete, <8시간 -> partial, 8시간 -> complete, >8시간 -> overtime
+    // (휴가는 별도 로직이지만 여기서 덮어쓰지 않도록 주의해야 함. 하지만 작업보고서가 추가되면 실 근무로 간주)
+
+    let status = 'incomplete';
+    let typeCode = 'REGULAR'; // 기본값
+
+    if (totalHours === 0) {
+      status = 'incomplete';
+    } else if (totalHours < 8) {
+      status = 'partial';
+      typeCode = 'PARTIAL';
+    } else if (totalHours === 8) {
+      status = 'complete';
+      typeCode = 'REGULAR';
+    } else {
+      status = 'overtime';
+      typeCode = 'OVERTIME';
+    }
+
+    // 근태 유형 ID 조회
+    const [types] = await db.execute('SELECT id FROM work_attendance_types WHERE type_code = ?', [typeCode]);
+    const typeId = types[0]?.id;
+
+    // 3. 기록 업데이트 (휴가 정보는 유지)
+    // 기존 기록 조회
+    const [existing] = await db.execute(
+      'SELECT id, vacation_type_id FROM daily_attendance_records WHERE worker_id = ? AND record_date = ?',
+      [workerId, date]
+    );
+
+    if (existing.length > 0) {
+      // 휴가가 설정되어 있고 시간이 0이면 휴가 상태 유지, 시간이 있으면 근무+휴가 복합 상태일 수 있음
+      // 여기서는 단순화하여 근무 시간이 있으면 근무 상태로 업데이트 (단, vacation_type_id는 유지)
+
+      const recordId = existing[0].id;
+      // 만약 기존 상태가 'vacation'이고 근무시간이 0이면 업데이트 건너뛸 수도 있지만,
+      // 작업보고서가 삭제되어 0이 된 경우도 있으므로 업데이트는 수행해야 함.
+
+      await db.execute(`
+        UPDATE daily_attendance_records
+        SET 
+          total_work_hours = ?,
+          attendance_type_id = ?,
+          status = ?,
+          updated_at = CURRENT_TIMESTAMP
+        WHERE id = ?
+      `, [totalHours, typeId, status, recordId]);
+
+      return { synced: true, totalHours, status };
+    } else {
+      // 기록이 없으면 생성 (일반적으로는 initializeDailyRecords로 생성되어 있어야 함)
+      // 생성자가 명확하지 않으므로 시스템(1) 또는 알 수 없음 처리
+      await db.execute(`
+        INSERT INTO daily_attendance_records
+        (record_date, worker_id, total_work_hours, attendance_type_id, status, created_by)
+        VALUES (?, ?, ?, ?, ?, 1)
+      `, [date, workerId, totalHours, typeId, status]);
+
+      return { synced: true, totalHours, status, created: true };
+    }
+  }
+
+  // 일일 근태 기록 초기화 (모든 활성 작업자에 대한 기본 레코드 생성)
+  static async initializeDailyRecords(date, createdBy) {
+    const db = await getDb();
+
+    // 1. 활성 작업자 조회
+    const [workers] = await db.execute(
+      'SELECT worker_id FROM workers WHERE status = "active"' // is_active check not needed as status covers it based on previous fix? Wait, previous fix used status='active'.
+    );
+
+    if (workers.length === 0) return { inserted: 0 };
+
+    // 2. 일일 근태 레코드 일괄 생성 (이미 존재하면 무시)
+    // VALUES (...), (...), ...
+    const values = workers.map(w => [date, w.worker_id, 'incomplete', createdBy]);
+
+    // Bulk INSERT IGNORE
+    // Note: mysql2 execute doesn't support nested arrays for bulk insert easily with placeholder ?
+    // We should build the query or use query method for pool?
+    // Using simple loop for safety and compatibility or building string.
+
+    let insertedCount = 0;
+
+    // 트랜잭션 사용 권장
+    const conn = await db.getConnection();
+    try {
+      await conn.beginTransaction();
+
+      for (const w of workers) {
+        const [result] = await conn.execute(`
+          INSERT IGNORE INTO daily_attendance_records 
+          (record_date, worker_id, status, created_by)
+          VALUES (?, ?, 'incomplete', ?)
+        `, [date, w.worker_id, createdBy]);
+
+        insertedCount += result.affectedRows;
+      }
+
+      await conn.commit();
+    } catch (err) {
+      await conn.rollback();
+      throw err;
+    } finally {
+      conn.release();
+    }
+
+    return { inserted: insertedCount, total_active_workers: workers.length };
+  }
+
   // 근태 기록 생성 또는 업데이트
   static async upsertAttendanceRecord(recordData) {
     const db = await getDb();

api.hyungi.net/models/dailyWorkReportModel.js

@@ -51,14 +51,14 @@ const createDailyReport = async (reportData, callback) => {
     console.log(`📝 ${created_by_name}이 ${report_date} ${worker_id}번 작업자에게 데이터 추가 중...`);
 
     // ✅ 수정된 쿼리 (테이블 alias 추가):
-const [existingReports] = await conn.query(
+    const [existingReports] = await conn.query(
       `SELECT dwr.created_by, u.name as created_by_name, COUNT(*) as count, SUM(dwr.work_hours) as total_hours
    FROM daily_work_reports dwr
    LEFT JOIN users u ON dwr.created_by = u.user_id
    WHERE dwr.report_date = ? AND dwr.worker_id = ?
    GROUP BY dwr.created_by`,
       [report_date, worker_id]
-);
+    );
 
 
     console.log('기존 데이터 (삭제하지 않음):', existingReports);
@@ -79,14 +79,14 @@ const [existingReports] = await conn.query(
     }
 
     // ✅ 수정된 쿼리:
-const [finalReports] = await conn.query(
+    const [finalReports] = await conn.query(
       `SELECT dwr.created_by, u.name as created_by_name, COUNT(*) as count, SUM(dwr.work_hours) as total_hours
    FROM daily_work_reports dwr
    LEFT JOIN users u ON dwr.created_by = u.user_id
    WHERE dwr.report_date = ? AND dwr.worker_id = ?
    GROUP BY dwr.created_by`,
       [report_date, worker_id]
-);
+    );
 
     const grandTotal = finalReports.reduce((sum, report) => sum + parseFloat(report.total_hours || 0), 0);
     const myTotal = finalReports.find(r => r.created_by === created_by)?.total_hours || 0;
@@ -125,6 +125,15 @@ const [finalReports] = await conn.query(
 
     await conn.commit();
 
+    // 5. 근태 기록 동기화 (추가)
+    try {
+      const AttendanceModel = require('./attendanceModel');
+      await AttendanceModel.syncWithWorkReports(worker_id, report_date);
+    } catch (syncErr) {
+      console.error('근태 기록 동기화 실패:', syncErr);
+      // 메인 트랜잭션은 성공했으므로 동기화 실패로 롤백하지 않음 (비동기 처리 또는 무시)
+    }
+
     callback(null, {
       success: true,
       inserted_count: insertedIds.length,
@@ -629,6 +638,20 @@ const updateById = async (id, updateData, callback) => {
     const sql = `UPDATE daily_work_reports SET ${setFields.join(', ')} WHERE id = ?`;
     const [result] = await db.query(sql, values);
 
+
+
+    // [Sync] 근태 기록 동기화
+    try {
+      const [targetReport] = await db.query('SELECT worker_id, report_date FROM daily_work_reports WHERE id = ?', [id]);
+      if (targetReport.length > 0) {
+        const { worker_id, report_date } = targetReport[0];
+        const AttendanceModel = require('./attendanceModel');
+        await AttendanceModel.syncWithWorkReports(worker_id, report_date);
+      }
+    } catch (syncErr) {
+      console.error('근태 기록 동기화 실패 (Update):', syncErr);
+    }
+
     callback(null, result.affectedRows);
   } catch (err) {
     console.error('작업보고서 수정 오류:', err);
@@ -667,6 +690,19 @@ const removeById = async (id, deletedBy, callback) => {
     }
 
     await conn.commit();
+
+
+    // [Sync] 근태 기록 동기화
+    if (reportInfo.length > 0) {
+      try {
+        const { worker_id, report_date } = reportInfo[0];
+        const AttendanceModel = require('./attendanceModel');
+        await AttendanceModel.syncWithWorkReports(worker_id, report_date);
+      } catch (syncErr) {
+        console.error('근태 기록 동기화 실패 (Delete):', syncErr);
+      }
+    }
+
     callback(null, result.affectedRows);
   } catch (err) {
     await conn.rollback();
@@ -714,6 +750,16 @@ const removeByDateAndWorker = async (date, worker_id, deletedBy, callback) => {
     }
 
     await conn.commit();
+
+
+    // [Sync] 근태 기록 동기화
+    try {
+      const AttendanceModel = require('./attendanceModel');
+      await AttendanceModel.syncWithWorkReports(worker_id, date);
+    } catch (syncErr) {
+      console.error('근태 기록 동기화 실패 (Batch Delete):', syncErr);
+    }
+
     callback(null, result.affectedRows);
   } catch (err) {
     await conn.rollback();
@@ -799,6 +845,16 @@ const createReportEntries = async ({ report_date, worker_id, entries }) => {
 
     await conn.commit();
 
+
+
+    // [Sync] 근태 기록 동기화
+    try {
+      const AttendanceModel = require('./attendanceModel');
+      await AttendanceModel.syncWithWorkReports(worker_id, report_date);
+    } catch (syncErr) {
+      console.error('근태 기록 동기화 실패 (V2 Create):', syncErr);
+    }
+
     console.log(`[Model] ${insertedIds.length}개 작업 항목 생성 완료.`);
     return {
       inserted_ids: insertedIds,
@@ -923,10 +979,28 @@ const updateReportById = async (reportId, updateData) => {
 
   queryParams.push(reportId);
 
+  // [Sync] 업데이트 전 정보 조회 (동기화를 위해)
+  let targetInfo = null;
+  try {
+    const [rows] = await db.query('SELECT worker_id, report_date FROM daily_work_reports WHERE id = ?', [reportId]);
+    if (rows.length > 0) targetInfo = rows[0];
+  } catch (e) { console.warn('Sync fetch failed', e); }
+
   const sql = `UPDATE daily_work_reports SET ${setClauses.join(', ')} WHERE id = ?`;
 
   try {
     const [result] = await db.query(sql, queryParams);
+
+    // [Sync] 근태 기록 동기화
+    if (targetInfo) {
+      try {
+        const AttendanceModel = require('./attendanceModel');
+        await AttendanceModel.syncWithWorkReports(targetInfo.worker_id, targetInfo.report_date);
+      } catch (syncErr) {
+        console.error('근태 기록 동기화 실패 (V2 Update):', syncErr);
+      }
+    }
+
     return result.affectedRows;
   } catch (err) {
     console.error(`[Model] 작업 보고서 수정 오류 (id: ${reportId}):`, err);
@@ -959,6 +1033,18 @@ const removeReportById = async (reportId, deletedByUserId) => {
     }
 
     await conn.commit();
+
+    // [Sync] 근태 기록 동기화
+    if (reportInfo.length > 0) {
+      try {
+        const { worker_id, report_date } = reportInfo[0];
+        const AttendanceModel = require('./attendanceModel');
+        await AttendanceModel.syncWithWorkReports(worker_id, report_date);
+      } catch (syncErr) {
+        console.error('근태 기록 동기화 실패 (V2 Delete):', syncErr);
+      }
+    }
+
     return result.affectedRows;
 
   } catch (err) {

api.hyungi.net/services/attendanceService.js

@@ -25,6 +25,12 @@ const getDailyAttendanceStatusService = async (date) => {
   logger.info('일일 근태 현황 조회 요청', { date });
 
   try {
+    // 조회 전 초기화 수행 (Lazy Initialization)
+    // 생성자는 시스템(1) 또는 요청자가 될 수 있으나, 여기서는 안전하게 1(System/Admin) 사용 
+    // 혹은 req.user가 없으므로 서비스 레벨에서는 1로 가정하거나 파라미터로 받아야 함. 
+    // 서비스 인터페이스 변경 최소화를 위해 하드코딩 또는 안전장치.
+    await AttendanceModel.initializeDailyRecords(date, 1);
+
     const attendanceStatus = await AttendanceModel.getWorkerAttendanceStatus(date);
     logger.info('일일 근태 현황 조회 성공', { date, count: attendanceStatus.length });
     return attendanceStatus;

web-ui/css/modern-dashboard.css

@@ -1896,3 +1896,99 @@
     font-size: 0.75rem;
   }
 }
+
+/* ========== 근태 현황 그리드 (Added dynamically) ========== */
+.status-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+  gap: 1rem;
+  padding: 1rem;
+}
+
+.worker-card {
+  background: white;
+  border-radius: 0.75rem;
+  padding: 1rem;
+  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+  border: 1px solid #e2e8f0;
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  position: relative;
+  overflow: hidden;
+  transition: all 0.2s ease;
+}
+
+.worker-card:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+}
+
+.worker-card.status-alert {
+  background-color: #fef2f2;
+}
+
+.worker-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 0;
+}
+
+.worker-name {
+  font-weight: 600;
+  color: #1f2937;
+  font-size: 1rem;
+}
+
+.worker-job {
+  font-size: 0.75rem;
+  color: #6b7280;
+  background: #f3f4f6;
+  padding: 2px 6px;
+  border-radius: 4px;
+}
+
+.worker-body {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.status-badge {
+  font-size: 0.8rem;
+  padding: 4px 8px;
+  border-radius: 6px;
+  font-weight: 500;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.work-hours {
+  font-weight: 600;
+  font-size: 0.9rem;
+  color: #374151;
+}
+
+.worker-footer {
+  margin-top: auto;
+  padding-top: 0.5rem;
+  border-top: 1px dashed #e5e7eb;
+}
+
+.alert-text {
+  color: #ef4444;
+  font-size: 0.75rem;
+  font-weight: 600;
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+}
+
+.empty-state {
+  text-align: center;
+  padding: 3rem;
+  color: #6b7280;
+  width: 100%;
+}

web-ui/js/group-leader-dashboard.js

@@ -1,103 +1,174 @@
 // /js/group-leader-dashboard.js
-// 그룹장 전용 대시보드 기능
+// 그룹장 전용 대시보드 - 실시간 근태 및 작업 현황 (Real Data Version)
 
-console.log('📊 그룹장 대시보드 스크립트 로딩');
+console.log('📊 그룹장 대시보드 스크립트 로딩 (Live Data)');
 
-// 팀 현황 새로고침
+// 상태별 스타일/텍스트 매핑
-async function refreshTeamStatus() {
+const STATUS_MAP = {
-  console.log('🔄 팀 현황 새로고침 시작');
+  'incomplete': { text: '미제출', class: 'status-incomplete', icon: '❌', color: '#ff5252' },
+  'partial': { text: '작성중', class: 'status-warning', icon: '📝', color: '#ff9800' },
+  'complete': { text: '제출완료', class: 'status-success', icon: '✅', color: '#4caf50' },
+  'overtime': { text: '초과근무', class: 'status-info', icon: '🌙', color: '#673ab7' },
+  'vacation': { text: '휴가', class: 'status-vacation', icon: '🏖️', color: '#2196f3' }
+};
+
+// 현재 선택된 날짜
+let currentSelectedDate = new Date().toISOString().split('T')[0];
+
+/**
+ * 📅 날짜 초기화 및 이벤트 리스너 등록
+ */
+function initDateSelector() {
+  const dateInput = document.getElementById('selectedDate');
+  const refreshBtn = document.getElementById('refreshBtn');
+
+  if (dateInput) {
+    dateInput.value = currentSelectedDate;
+    dateInput.addEventListener('change', (e) => {
+      currentSelectedDate = e.target.value;
+      loadDailyWorkStatus();
+    });
+  }
+
+  if (refreshBtn) {
+    refreshBtn.addEventListener('click', () => {
+      loadDailyWorkStatus();
+      showToast('데이터를 새로고침했습니다.', 'success');
+    });
+  }
+}
+
+/**
+ * 🔄 일일 근태 현황 로드 (API 호출)
+ */
+async function loadDailyWorkStatus() {
+  const container = document.getElementById('workStatusContainer');
+  if (!container) return;
+
+  // 로딩 표시
+  container.innerHTML = `
+    <div class="loading-state">
+      <div class="spinner"></div>
+      <p>작업 현황을 불러오는 중...</p>
+    </div>
+  `;
 
   try {
-    // 로딩 상태 표시
+    const response = await fetch(`${window.API_BASE_URL}/attendance/daily-status?date=${currentSelectedDate}`, {
-    const teamList = document.getElementById('team-list');
+      headers: getAuthHeaders()
-    if (teamList) {
+    });
-      teamList.innerHTML = '<div style="text-align: center; padding: 20px;">⏳ 로딩 중...</div>';
-    }
 
-    // 실제로는 API 호출
+    if (!response.ok) throw new Error('데이터 로드 실패');
-    // const response = await fetch('/api/team-status', { headers: getAuthHeaders() });
-    // const data = await response.json();
 
-    // 임시 데이터로 업데이트 (실제 API 연동 시 교체)
+    const result = await response.json();
-    setTimeout(() => {
+    const workers = result.data || [];
-      updateTeamStatusUI();
+
-    }, 1000);
+    renderWorkStatus(workers);
+    updateSummaryStats(workers);
 
   } catch (error) {
-    console.error('❌ 팀 현황 로딩 실패:', error);
+    console.error('현황 로드 오류:', error);
-    const teamList = document.getElementById('team-list');
+    container.innerHTML = `
-    if (teamList) {
+      <div class="error-state">
-      teamList.innerHTML = '<div style="text-align: center; padding: 20px; color: #f44336;">❌ 로딩 실패</div>';
+        <p>⚠️ 데이터를 불러오는데 실패했습니다.</p>
-    }
+        <button onclick="loadDailyWorkStatus()" class="btn btn-sm btn-outline">재시도</button>
-  }
-}
-
-// 팀 현황 UI 업데이트 (임시 데이터)
-function updateTeamStatusUI() {
-  const teamData = [
-    { name: '김작업', status: 'present', statusText: '출근' },
-    { name: '이현장', status: 'present', statusText: '출근' },
-    { name: '박휴가', status: 'absent', statusText: '휴가' },
-    { name: '최작업', status: 'present', statusText: '출근' },
-    { name: '정현장', status: 'present', statusText: '출근' }
-  ];
-  
-  const teamList = document.getElementById('team-list');
-  if (teamList) {
-    teamList.innerHTML = teamData.map(member => `
-      <div class="team-member ${member.status}">
-        <span class="member-name">${member.name}</span>
-        <span class="member-status">${member.statusText}</span>
       </div>
-    `).join('');
+    `;
-  }
-  
-  // 통계 업데이트
-  const presentCount = teamData.filter(m => m.status === 'present').length;
-  const absentCount = teamData.filter(m => m.status === 'absent').length;
-  
-  const totalEl = document.getElementById('team-total');
-  const presentEl = document.getElementById('team-present');
-  const absentEl = document.getElementById('team-absent');
-  
-  if (totalEl) totalEl.textContent = teamData.length;
-  if (presentEl) presentEl.textContent = presentCount;
-  if (absentEl) absentEl.textContent = absentCount;
-  
-  console.log('✅ 팀 현황 업데이트 완료');
-}
-
-// 환영 메시지 개인화
-function personalizeWelcome() {
-  const user = JSON.parse(localStorage.getItem('user') || '{}');
-  const welcomeMsg = document.getElementById('welcome-message');
-  
-  if (user && user.name && welcomeMsg) {
-    welcomeMsg.textContent = `${user.name}님의 실시간 팀 현황 및 작업 모니터링`;
-    console.log('✅ 환영 메시지 개인화 완료');
   }
 }
 
-// 페이지 초기화
+/**
-document.addEventListener('DOMContentLoaded', function() {
+ * 📊 통계 요약 업데이트
-  console.log('🚀 그룹장 대시보드 초기화 시작');
+ */
+function updateSummaryStats(workers) {
+  // 요약 카드가 있다면 업데이트 (현재 HTML에는 없으므로 생략 가능하거나 동적으로 추가)
+  // 여기서는 콘솔에만 로그
+  const stats = workers.reduce((acc, w) => {
+    acc[w.status] = (acc[w.status] || 0) + 1;
+    return acc;
+  }, {});
+  console.log('Daily Stats:', stats);
+}
 
-  // 사용자 정보 확인
+/**
-  const user = JSON.parse(localStorage.getItem('user') || '{}');
+ * 🎨 현황 리스트 렌더링
-  console.log('👤 현재 사용자:', user);
+ */
+function renderWorkStatus(workers) {
+  const container = document.getElementById('workStatusContainer');
+  if (!container) return;
 
-  // 권한 확인
+  if (workers.length === 0) {
-  if (user.access_level !== 'group_leader') {
+    container.innerHTML = '<div class="empty-state">등록된 작업자가 없습니다.</div>';
-    console.warn('⚠️ 그룹장 권한 없음:', user.access_level);
+    return;
-    // 필요시 다른 페이지로 리다이렉트
   }
 
-  // 초기화 작업
+  // 상태 우선순위 정렬 (미제출 -> 작성중 -> 완료)
-  personalizeWelcome();
+  const sortOrder = ['incomplete', 'partial', 'vacation', 'complete', 'overtime'];
-  updateTeamStatusUI();
+  workers.sort((a, b) => {
+    return sortOrder.indexOf(a.status) - sortOrder.indexOf(b.status) || a.worker_name.localeCompare(b.worker_name);
+  });
 
-  console.log('✅ 그룹장 대시보드 초기화 완료');
+  const html = `
+    <div class="status-grid">
+      ${workers.map(worker => {
+    const statusInfo = STATUS_MAP[worker.status] || { text: worker.status, class: '', icon: '❓', color: '#999' };
+
+    return `
+          <div class="worker-card ${worker.status === 'incomplete' ? 'status-alert' : ''}" style="border-left: 4px solid ${statusInfo.color}">
+            <div class="worker-header">
+              <span class="worker-name">${worker.worker_name}</span>
+              <span class="worker-job">${worker.job_type || '-'}</span>
+            </div>
+            
+            <div class="worker-body">
+              <div class="status-badge" style="background-color: ${statusInfo.color}20; color: ${statusInfo.color}">
+                ${statusInfo.icon} ${statusInfo.text}
+              </div>
+              <div class="work-hours">
+                ${worker.total_work_hours > 0 ? worker.total_work_hours + '시간' : '-'}
+              </div>
+            </div>
+
+            ${worker.status === 'incomplete' ? `
+              <div class="worker-footer">
+                <span class="alert-text">⚠️ 보고서 미제출</span>
+              </div>
+            ` : ''}
+          </div>
+        `;
+  }).join('')}
+    </div>
+  `;
+
+  container.innerHTML = html;
+}
+
+// 🔐 인증 헤더 헬퍼
+function getAuthHeaders() {
+  const token = localStorage.getItem('token');
+  return {
+    'Authorization': `Bearer ${token}`,
+    'Content-Type': 'application/json'
+  };
+}
+
+// 🍞 토스트 메시지 (기존 modern-dashboard.js에 있다면 중복 주의, 없으면 사용)
+function showToast(message, type = 'info') {
+  if (window.showToast) {
+    window.showToast(message, type);
+  } else {
+    alert(message);
+  }
+}
+
+// 초기화
+document.addEventListener('DOMContentLoaded', () => {
+  // API_BASE_URL 설정 (없으면 기본값)
+  if (!window.API_BASE_URL) window.API_BASE_URL = '/api';
+
+  initDateSelector();
+  loadDailyWorkStatus();
 });
 
-// 전역 함수로 내보내기 (HTML에서 사용)
+// 전역 노출
-window.refreshTeamStatus = refreshTeamStatus;
+window.refreshTeamStatus = loadDailyWorkStatus;

web-ui/pages/dashboard/group-leader.html

@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="ko">
+
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -14,7 +15,9 @@
   <script src="/js/api-config.js"></script>
   <script src="/js/auth-check.js" defer></script>
   <script src="/js/modern-dashboard.js?v=10" defer></script>
+  <script src="/js/group-leader-dashboard.js?v=1" defer></script>
 </head>
+
 <body>
   <!-- 메인 컨테이너 -->
   <div class="dashboard-container">
@@ -171,4 +174,5 @@
   <div class="toast-container" id="toastContainer"></div>
 
 </body>
+
 </html>