feat: 크롤러 부서 정보 수집 추가 및 대시보드 데이터 정확도 개선

- getData API 가로채기 기능을 통한 부서(department) 자동 수집 구현
- 파일 0개 기준의 "데이터 없음" 분류 로직 최적화 (LEFT JOIN 적용)
- 관리자 권한 인증 모달 스타일 복구 및 UI 정밀 조정
- 중복 등록 프로젝트(sm-25-032-phlinfra) DB 정리 및 테스트 파일 삭제

js/dashboard.js

@@ -73,7 +73,7 @@ async function loadActivityAnalysis(date = "") {
                 <div class="label">방치 (14일 초과)</div><div class="count">${summary.stale}</div>
             </div>
             <div class="activity-card unknown" onclick="showActivityDetails('unknown')">
-                <div class="label">데이터 없음 (파일 0개 등)</div><div class="count">${summary.unknown}</div>
+                <div class="label">데이터 없음 (파일 0개)</div><div class="count">${summary.unknown}</div>
             </div>`;
     } catch (e) { console.error("분석 로드 실패:", e); }
 }
@@ -81,16 +81,16 @@ async function loadActivityAnalysis(date = "") {
 // --- 렌더링 엔진 ---
 function renderDashboard(data) {
     const container = document.getElementById('projectAccordion');
-    container.innerHTML = ''; 
+    container.innerHTML = '';
     const grouped = groupData(data);
-    Object.keys(grouped).sort((a,b) => (CONTINENT_ORDER[a]||99) - (CONTINENT_ORDER[b]||99)).forEach(continent => {
+    Object.keys(grouped).sort((a, b) => (CONTINENT_ORDER[a] || 99) - (CONTINENT_ORDER[b] || 99)).forEach(continent => {
         const continentDiv = document.createElement('div');
         continentDiv.className = 'continent-group active';
         let html = `<div class="continent-header" onclick="toggleGroup(this)"><span>${continent}</span><span class="toggle-icon">▼</span></div><div class="continent-body">`;
         Object.keys(grouped[continent]).sort().forEach(country => {
             html += `<div class="country-group active"><div class="country-header" onclick="toggleGroup(this)"><span>${country}</span><span class="toggle-icon">▼</span></div><div class="country-body"><div class="accordion-container">
                     <div class="accordion-list-header"><div>프로젝트명</div><div>담당부서</div><div>담당자</div><div style="text-align:center;">파일수</div><div>최근로그</div></div>
-                    ${grouped[continent][country].sort((a,b)=>a[0].localeCompare(b[0])).map(p => createProjectHtml(p)).join('')}</div></div></div>`;
+                    ${grouped[continent][country].sort((a, b) => a[0].localeCompare(b[0])).map(p => createProjectHtml(p)).join('')}</div></div></div>`;
         });
         html += `</div>`;
         continentDiv.innerHTML = html;
@@ -113,16 +113,30 @@ function createProjectHtml(p) {
     const [name, dept, admin, logRaw, files] = p;
     const recentLog = (!logRaw || logRaw === "X" || logRaw === "데이터 없음") ? "기록 없음" : logRaw;
     const logTime = recentLog !== "기록 없음" ? recentLog.split(',')[0] : "기록 없음";
-    const statusClass = (files === 0 || files === null) ? "status-error" : (recentLog === "기록 없음") ? "status-warning" : "";
+
+    // 파일이 0개 또는 NULL인 경우에만 에러(붉은색) 표시
+    const statusClass = (files === 0 || files === null) ? "status-error" : "";
     return `
         <div class="accordion-item ${statusClass}">
             <div class="accordion-header" onclick="toggleAccordion(this)">
-                <div class="repo-title" title="${name}">${name}</div><div class="repo-dept">${dept}</div><div class="repo-admin">${admin}</div><div class="repo-files ${statusClass==='status-error'?'warning-text':''}">${files||0}</div><div class="repo-log ${recentLog==='기록 없음'?'warning-text':''}" title="${recentLog}">${recentLog}</div>
+                <div class="repo-title" title="${name}">${name}</div><div class="repo-dept">${dept}</div><div class="repo-admin">${admin}</div><div class="repo-files ${statusClass === 'status-error' ? 'warning-text' : ''}">${files || 0}</div><div class="repo-log ${recentLog === '기록 없음' ? 'warning-text' : ''}" title="${recentLog}">${recentLog}</div>
             </div>
             <div class="accordion-body">
                 <div class="detail-grid">
-                    <div class="detail-section"><h4>참여 인원 상세</h4><table class="data-table"><thead><tr><th>이름</th><th>소속</th><th>권한</th></tr></thead><tbody><tr><td>${admin}</td><td>${dept}</td><td>관리자</td></tr></tbody></table></div>
-                    <div class="detail-section"><h4>최근 활동</h4><table class="data-table"><thead><tr><th>유형</th><th>내용</th><th>일시</th></tr></thead><tbody><tr><td><span class="badge">로그</span></td><td>동기화 완료</td><td>${logTime}</td></tr></tbody></table></div>
+                    <div class="detail-section">
+                        <h4>참여 인원 상세</h4>
+                        <table class="data-table" id="personnel-table">
+                            <thead><tr><th>이름</th><th>소속</th><th>권한</th></tr></thead>
+                            <tbody><tr><td>${admin}</td><td>${dept}</td><td>관리자</td></tr></tbody>
+                        </table>
+                    </div>
+                    <div class="detail-section">
+                        <h4>최근 활동</h4>
+                        <table class="data-table" id="activity-table">
+                            <thead><tr><th>유형</th><th>내용</th><th>일시</th></tr></thead>
+                            <tbody><tr><td><span class="badge">로그</span></td><td>동기화 완료</td><td>${logTime}</td></tr></tbody>
+                        </table>
+                    </div>
                 </div>
             </div>
         </div>`;
@@ -132,18 +146,18 @@ function createProjectHtml(p) {
 function toggleGroup(h) { h.parentElement.classList.toggle('active'); }
 function toggleAccordion(h) {
     const item = h.parentElement;
-    item.parentElement.querySelectorAll('.accordion-item').forEach(el => { if(el!==item) el.classList.remove('active'); });
+    item.parentElement.querySelectorAll('.accordion-item').forEach(el => { if (el !== item) el.classList.remove('active'); });
     item.classList.toggle('active');
 }
 
 function showActivityDetails(status) {
     const modal = document.getElementById('activityDetailModal'), tbody = document.getElementById('modalTableBody'), title = document.getElementById('modalTitle');
-    const names = { active:'정상', warning:'주의', stale:'방치', unknown:'데이터 없음' };
+    const names = { active: '정상', warning: '주의', stale: '방치', unknown: '데이터 없음' };
     const filtered = (projectActivityDetails || []).filter(d => d.status === status);
     title.innerText = `${names[status]} 목록 (${filtered.length}개)`;
     tbody.innerHTML = filtered.map(p => {
         const o = rawData.find(r => r[0] === p.name);
-        return `<tr class="modal-row" onclick="scrollToProject('${p.name}')"><td><strong>${p.name}</strong></td><td>${o?o[1]:"-"}</td><td>${o?o[2]:"-"}</td></tr>`;
+        return `<tr class="modal-row" onclick="scrollToProject('${p.name}')"><td><strong>${p.name}</strong></td><td>${o ? o[1] : "-"}</td><td>${o ? o[2] : "-"}</td></tr>`;
     }).join('');
     modal.style.display = 'flex';
 }
@@ -186,7 +200,7 @@ function closeAuthModal() { document.getElementById('authModal').style.display =
 async function submitAuth() {
     const id = document.getElementById('authId').value, pw = document.getElementById('authPw').value, err = document.getElementById('authErrorMessage');
     try {
-        const res = await fetch('/auth/crawl', { method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify({user_id:id, password:pw}) });
+        const res = await fetch('/auth/crawl', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ user_id: id, password: pw }) });
         const data = await res.json();
         if (data.success) { closeAuthModal(); startCrawlProcess(); }
         else { err.innerText = "크롤링을 할 수 없습니다."; err.style.display = 'block'; }