refactor: worker_id → user_id 전체 마이그레이션 (Phase 1-4)

sso_users.user_id를 단일 식별자로 통합. JWT에서 worker_id 제거,
department_id/is_production 추가. 백엔드 15개 모델, 11개 컨트롤러,
4개 서비스, 7개 라우트, 프론트엔드 32+ JS/11+ HTML 변환.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

system1-factory/web/js/_deprecated/index.js

@@ -0,0 +1,318 @@
+/**
+ * Daily Work Report - Module Loader
+ * 작업보고서 모듈을 초기화하고 연결하는 메인 진입점
+ *
+ * 로드 순서:
+ * 1. state.js - 전역 상태 관리
+ * 2. utils.js - 유틸리티 함수
+ * 3. api.js - API 클라이언트
+ * 4. index.js - 이 파일 (메인 컨트롤러)
+ */
+
+class DailyWorkReportController {
+  constructor() {
+    this.state = window.DailyWorkReportState;
+    this.api = window.DailyWorkReportAPI;
+    this.utils = window.DailyWorkReportUtils;
+    this.initialized = false;
+
+    console.log('[Controller] DailyWorkReportController 생성');
+  }
+
+  /**
+   * 초기화
+   */
+  async init() {
+    if (this.initialized) {
+      console.log('[Controller] 이미 초기화됨');
+      return;
+    }
+
+    console.log('[Controller] 초기화 시작...');
+
+    try {
+      // 이벤트 리스너 설정
+      this.setupEventListeners();
+
+      // 기본 데이터 로드
+      await this.api.loadAllData();
+
+      // TBM 탭이 기본
+      await this.switchTab('tbm');
+
+      this.initialized = true;
+      console.log('[Controller] 초기화 완료');
+
+    } catch (error) {
+      console.error('[Controller] 초기화 실패:', error);
+      window.showMessage?.('초기화 중 오류가 발생했습니다: ' + error.message, 'error');
+    }
+  }
+
+  /**
+   * 이벤트 리스너 설정
+   */
+  setupEventListeners() {
+    // 탭 버튼
+    const tbmBtn = document.getElementById('tbmReportTab');
+    const completedBtn = document.getElementById('completedReportTab');
+
+    if (tbmBtn) {
+      tbmBtn.addEventListener('click', () => this.switchTab('tbm'));
+    }
+    if (completedBtn) {
+      completedBtn.addEventListener('click', () => this.switchTab('completed'));
+    }
+
+    // 완료 보고서 날짜 변경
+    const completedDateInput = document.getElementById('completedReportDate');
+    if (completedDateInput) {
+      completedDateInput.addEventListener('change', () => this.loadCompletedReports());
+    }
+
+    console.log('[Controller] 이벤트 리스너 설정 완료');
+  }
+
+  /**
+   * 탭 전환
+   */
+  async switchTab(tab) {
+    this.state.setCurrentTab(tab);
+
+    const tbmBtn = document.getElementById('tbmReportTab');
+    const completedBtn = document.getElementById('completedReportTab');
+    const tbmSection = document.getElementById('tbmReportSection');
+    const completedSection = document.getElementById('completedReportSection');
+
+    // 모든 탭 버튼 비활성화
+    tbmBtn?.classList.remove('active');
+    completedBtn?.classList.remove('active');
+
+    // 모든 섹션 숨기기
+    if (tbmSection) tbmSection.style.display = 'none';
+    if (completedSection) completedSection.style.display = 'none';
+
+    // 선택된 탭 활성화
+    if (tab === 'tbm') {
+      tbmBtn?.classList.add('active');
+      if (tbmSection) tbmSection.style.display = 'block';
+      await this.loadTbmData();
+    } else if (tab === 'completed') {
+      completedBtn?.classList.add('active');
+      if (completedSection) completedSection.style.display = 'block';
+
+      // 오늘 날짜로 초기화
+      const dateInput = document.getElementById('completedReportDate');
+      if (dateInput) {
+        dateInput.value = this.utils.getKoreaToday();
+      }
+      await this.loadCompletedReports();
+    }
+  }
+
+  /**
+   * TBM 데이터 로드
+   */
+  async loadTbmData() {
+    try {
+      await this.api.loadIncompleteTbms();
+      await this.api.loadDailyIssuesForTbms();
+
+      // 렌더링은 기존 함수 사용 (점진적 마이그레이션)
+      if (typeof window.renderTbmWorkList === 'function') {
+        window.renderTbmWorkList();
+      }
+    } catch (error) {
+      console.error('[Controller] TBM 데이터 로드 오류:', error);
+      window.showMessage?.('TBM 데이터를 불러오는 중 오류가 발생했습니다.', 'error');
+    }
+  }
+
+  /**
+   * 완료 보고서 로드
+   */
+  async loadCompletedReports() {
+    try {
+      const dateInput = document.getElementById('completedReportDate');
+      const date = dateInput?.value || this.utils.getKoreaToday();
+
+      const reports = await this.api.loadCompletedReports(date);
+
+      // 렌더링은 기존 함수 사용
+      if (typeof window.renderCompletedReports === 'function') {
+        window.renderCompletedReports(reports);
+      }
+    } catch (error) {
+      console.error('[Controller] 완료 보고서 로드 오류:', error);
+      window.showMessage?.('완료 보고서를 불러오는 중 오류가 발생했습니다.', 'error');
+    }
+  }
+
+  /**
+   * TBM 작업보고서 제출
+   */
+  async submitTbmWorkReport(index) {
+    try {
+      const tbm = this.state.incompleteTbms[index];
+      if (!tbm) {
+        throw new Error('TBM 데이터를 찾을 수 없습니다.');
+      }
+
+      // 유효성 검사
+      const totalHoursInput = document.getElementById(`totalHours_${index}`);
+      const totalHours = parseFloat(totalHoursInput?.value);
+
+      if (!totalHours || totalHours <= 0) {
+        window.showMessage?.('작업시간을 입력해주세요.', 'warning');
+        return;
+      }
+
+      // 부적합 시간 계산
+      const defects = this.state.tempDefects[index] || [];
+      const errorHours = defects.reduce((sum, d) => sum + (parseFloat(d.defect_hours) || 0), 0);
+      const regularHours = totalHours - errorHours;
+
+      if (regularHours < 0) {
+        window.showMessage?.('부적합 시간이 총 작업시간을 초과할 수 없습니다.', 'warning');
+        return;
+      }
+
+      // API 데이터 구성
+      const user = this.state.getCurrentUser();
+      const reportData = {
+        tbm_session_id: tbm.session_id,
+        tbm_assignment_id: tbm.assignment_id,
+        user_id: tbm.user_id,
+        project_id: tbm.project_id,
+        work_type_id: tbm.work_type_id,
+        report_date: this.utils.formatDateForApi(tbm.session_date),
+        total_hours: totalHours,
+        regular_hours: regularHours,
+        error_hours: errorHours,
+        work_status_id: errorHours > 0 ? 2 : 1,
+        created_by: user?.user_id || user?.id,
+        defects: defects.map(d => ({
+          category_id: d.category_id,
+          item_id: d.item_id,
+          issue_report_id: d.issue_report_id,
+          defect_hours: d.defect_hours,
+          note: d.note
+        }))
+      };
+
+      const result = await this.api.submitTbmWorkReport(reportData);
+
+      window.showSaveResultModal?.(
+        'success',
+        '제출 완료',
+        `${tbm.worker_name}의 작업보고서가 제출되었습니다.`
+      );
+
+      // 목록 새로고침
+      await this.loadTbmData();
+
+    } catch (error) {
+      console.error('[Controller] 제출 오류:', error);
+      window.showSaveResultModal?.(
+        'error',
+        '제출 실패',
+        error.message || '작업보고서 제출 중 오류가 발생했습니다.'
+      );
+    }
+  }
+
+  /**
+   * 세션 일괄 제출
+   */
+  async batchSubmitSession(sessionKey) {
+    const rows = document.querySelectorAll(`tr[data-session-key="${sessionKey}"][data-type="tbm"]`);
+    const indices = [];
+
+    rows.forEach(row => {
+      const index = parseInt(row.dataset.index);
+      const totalHoursInput = document.getElementById(`totalHours_${index}`);
+      if (totalHoursInput?.value && parseFloat(totalHoursInput.value) > 0) {
+        indices.push(index);
+      }
+    });
+
+    if (indices.length === 0) {
+      window.showMessage?.('제출할 항목이 없습니다. 작업시간을 입력해주세요.', 'warning');
+      return;
+    }
+
+    const confirmed = confirm(`${indices.length}건의 작업보고서를 일괄 제출하시겠습니까?`);
+    if (!confirmed) return;
+
+    let successCount = 0;
+    let failCount = 0;
+
+    for (const index of indices) {
+      try {
+        await this.submitTbmWorkReport(index);
+        successCount++;
+      } catch (error) {
+        failCount++;
+        console.error(`[Controller] 일괄 제출 오류 (index: ${index}):`, error);
+      }
+    }
+
+    if (failCount === 0) {
+      window.showSaveResultModal?.('success', '일괄 제출 완료', `${successCount}건이 성공적으로 제출되었습니다.`);
+    } else {
+      window.showSaveResultModal?.('warning', '일괄 제출 부분 완료', `성공: ${successCount}건, 실패: ${failCount}건`);
+    }
+  }
+
+  /**
+   * 상태 디버그
+   */
+  debug() {
+    console.log('[Controller] 상태 디버그:');
+    this.state.debug();
+  }
+}
+
+// 전역 인스턴스 생성
+window.DailyWorkReportController = new DailyWorkReportController();
+
+// 하위 호환성: 기존 전역 함수들
+window.switchTab = (tab) => window.DailyWorkReportController.switchTab(tab);
+window.submitTbmWorkReport = (index) => window.DailyWorkReportController.submitTbmWorkReport(index);
+window.batchSubmitTbmSession = (sessionKey) => window.DailyWorkReportController.batchSubmitSession(sessionKey);
+
+// 사용자 정보 함수
+window.getUser = () => window.DailyWorkReportState.getUser();
+window.getCurrentUser = () => window.DailyWorkReportState.getCurrentUser();
+
+// 날짜 그룹 토글 (UI 함수)
+window.toggleDateGroup = function(dateStr) {
+  const group = document.querySelector(`.date-group[data-date="${dateStr}"]`);
+  if (!group) return;
+
+  const isExpanded = group.classList.contains('expanded');
+  const content = group.querySelector('.date-group-content');
+  const icon = group.querySelector('.date-toggle-icon');
+
+  if (isExpanded) {
+    group.classList.remove('expanded');
+    group.classList.add('collapsed');
+    if (content) content.style.display = 'none';
+    if (icon) icon.textContent = '▶';
+  } else {
+    group.classList.remove('collapsed');
+    group.classList.add('expanded');
+    if (content) content.style.display = 'block';
+    if (icon) icon.textContent = '▼';
+  }
+};
+
+// DOMContentLoaded 이벤트에서 초기화
+document.addEventListener('DOMContentLoaded', () => {
+  // 약간의 지연 후 초기화 (다른 스크립트 로드 대기)
+  setTimeout(() => {
+    window.DailyWorkReportController.init();
+  }, 100);
+});
+
+console.log('[Module] daily-work-report/index.js 로드 완료');

system1-factory/web/js/_deprecated/work-report-api.js

@@ -0,0 +1,51 @@
+// /js/work-report-api.js
+import { apiGet, apiPost } from './api-helper.js';
+
+/**
+ * 작업 보고서 작성을 위해 필요한 초기 데이터(작업자, 프로젝트, 태스크)를 가져옵니다.
+ * Promise.all을 사용하여 병렬로 API를 호출합니다.
+ * @returns {Promise<{workers: Array, projects: Array, tasks: Array}>}
+ */
+export async function getInitialData() {
+  try {
+    const [allWorkers, projects, tasks] = await Promise.all([
+      apiGet('/workers'),
+      apiGet('/projects'),
+      apiGet('/tasks')
+    ]);
+
+    // 활성화된 작업자만 필터링
+    const workers = allWorkers.filter(worker => {
+      return worker.status === 'active' || worker.is_active === 1 || worker.is_active === true;
+    });
+
+    // 데이터 형식 검증
+    if (!Array.isArray(workers) || !Array.isArray(projects) || !Array.isArray(tasks)) {
+      throw new Error('서버에서 받은 데이터 형식이 올바르지 않습니다.');
+    }
+
+    // 작업자 목록은 ID 기준으로 정렬
+    workers.sort((a, b) => a.user_id - b.user_id);
+
+    return { workers, projects, tasks };
+  } catch (error) {
+    console.error('초기 데이터 로딩 중 오류 발생:', error);
+    // 에러를 다시 던져서 호출한 쪽에서 처리할 수 있도록 함
+    throw error;
+  }
+}
+
+/**
+ * 작성된 작업 보고서 데이터를 서버에 전송합니다.
+ * @param {Array<object>} reportData - 전송할 작업 보고서 데이터 배열
+ * @returns {Promise<object>} - 서버의 응답 결과
+ */
+export async function createWorkReport(reportData) {
+  try {
+    const result = await apiPost('/workreports', reportData);
+    return result;
+  } catch (error) {
+    console.error('작업 보고서 생성 요청 실패:', error);
+    throw error;
+  }
+} 

system1-factory/web/js/_deprecated/work-report-create.js

@@ -0,0 +1,79 @@
+// /js/work-report-create.js
+import { renderCalendar } from './calendar.js';
+import { getInitialData, createWorkReport } from './work-report-api.js';
+import { initializeReportTable, getReportData } from './work-report-ui.js';
+
+// 전역 상태 변수
+let selectedDate = '';
+
+/**
+ * 날짜가 선택되었을 때 실행되는 콜백 함수.
+ * 초기 데이터를 로드하고 테이블을 렌더링합니다.
+ * @param {string} date - 선택된 날짜 (YYYY-MM-DD 형식)
+ */
+async function onDateSelect(date) {
+  selectedDate = date;
+  const tableBody = document.getElementById('reportBody');
+  tableBody.innerHTML = '<tr><td colspan="8" class="text-center">데이터를 불러오는 중...</td></tr>';
+
+  try {
+    const initialData = await getInitialData();
+    initializeReportTable(initialData);
+  } catch (error) {
+    alert('데이터를 불러오는 데 실패했습니다: ' + error.message);
+    tableBody.innerHTML = '<tr><td colspan="8" class="text-center error">오류 발생! 데이터를 불러올 수 없습니다.</td></tr>';
+  }
+}
+
+/**
+ * '전체 등록' 버튼 클릭 시 실행되는 이벤트 핸들러.
+ * 폼 데이터를 서버에 전송합니다.
+ */
+async function handleSubmit() {
+  if (!selectedDate) {
+    alert('먼저 달력에서 날짜를 선택해주세요.');
+    return;
+  }
+
+  const reportData = getReportData();
+  if (!reportData) {
+    // getReportData 내부에서 이미 alert으로 사용자에게 알림
+    return;
+  }
+
+  // 각 항목에 선택된 날짜 추가
+  const payload = reportData.map(item => ({ ...item, date: selectedDate }));
+
+  const submitBtn = document.getElementById('submitBtn');
+  submitBtn.disabled = true;
+  submitBtn.textContent = '등록 중...';
+
+  try {
+    const result = await createWorkReport(payload);
+    if (result.success) {
+      alert('✅ 작업 보고서가 성공적으로 등록되었습니다!');
+      // 성공 후 폼을 다시 로드하거나, 다른 페이지로 이동 등의 로직 추가 가능
+      onDateSelect(selectedDate); // 현재 날짜의 폼을 다시 로드
+    } else {
+      throw new Error(result.error || '알 수 없는 오류로 등록에 실패했습니다.');
+    }
+  } catch (error) {
+    alert('❌ 등록 실패: ' + error.message);
+  } finally {
+    submitBtn.disabled = false;
+    submitBtn.textContent = '전체 등록';
+  }
+}
+
+/**
+ * 페이지 초기화 함수
+ */
+function initializePage() {
+  renderCalendar('calendar', onDateSelect);
+  
+  const submitBtn = document.getElementById('submitBtn');
+  submitBtn.addEventListener('click', handleSubmit);
+}
+
+// DOM이 로드되면 페이지 초기화를 시작합니다.
+document.addEventListener('DOMContentLoaded', initializePage);

system1-factory/web/js/_deprecated/work-report-ui.js

@@ -0,0 +1,141 @@
+// /js/work-report-ui.js
+
+const DEFAULT_PROJECT_ID = '13'; // 나중에는 API나 설정에서 받아오는 것이 좋음
+const DEFAULT_TASK_ID = '15';
+
+/**
+ * 주어진 데이터를 바탕으로 <select> 요소의 <option>들을 생성합니다.
+ * @param {Array<object>} items - 옵션으로 만들 데이터 배열
+ * @param {string} valueField - <option>의 value 속성에 사용할 필드 이름
+ * @param {string} textField - <option>의 텍스트에 사용할 필드 이름
+ * @returns {string} - 생성된 HTML 옵션 문자열
+ */
+function createOptions(items, valueField, textField) {
+  return items.map(item => `<option value="${item[valueField]}">${textField(item)}</option>`).join('');
+}
+
+/**
+ * 테이블의 모든 행 번호를 다시 매깁니다.
+ * @param {HTMLTableSectionElement} tableBody - tbody 요소
+ */
+function updateRowNumbers(tableBody) {
+  tableBody.querySelectorAll('tr').forEach((tr, index) => {
+    tr.cells[0].textContent = index + 1;
+  });
+}
+
+/**
+ * 하나의 작업 보고서 행(tr)을 생성합니다.
+ * @param {object} worker - 작업자 정보
+ * @param {Array} projects - 전체 프로젝트 목록
+ * @param {Array} tasks - 전체 태스크 목록
+ * @param {number} index - 행 번호
+ * @returns {HTMLTableRowElement} - 생성된 tr 요소
+ */
+function createReportRow(worker, projects, tasks, index) {
+  const tr = document.createElement('tr');
+
+  tr.innerHTML = `
+    <td>${index + 1}</td>
+    <td>
+      <input type="hidden" name="user_id" value="${worker.user_id}">
+      ${worker.worker_name}
+    </td>
+    <td><select name="project_id">${createOptions(projects, 'project_id', p => p.project_name)}</select></td>
+    <td><select name="task_id">${createOptions(tasks, 'task_id', t => `${t.category}:${t.subcategory}`)}</select></td>
+    <td>
+      <select name="overtime">
+        <option value="">없음</option>
+        ${[1, 2, 3, 4].map(n => `<option>${n}</option>`).join('')}
+      </select>
+    </td>
+    <td>
+      <select name="work_type">
+        ${['근무', '연차', '유급', '반차', '반반차', '조퇴', '휴무'].map(t => `<option>${t}</option>`).join('')}
+      </select>
+    </td>
+    <td><input type="text" name="memo" placeholder="메모"></td>
+    <td><button type="button" class="remove-btn">x</button></td>
+  `;
+
+  // 이벤트 리스너 설정
+  const workTypeSelect = tr.querySelector('[name="work_type"]');
+  const projectSelect = tr.querySelector('[name="project_id"]');
+  const taskSelect = tr.querySelector('[name="task_id"]');
+
+  workTypeSelect.addEventListener('change', () => {
+    const isDisabled = ['연차', '휴무', '유급'].includes(workTypeSelect.value);
+    projectSelect.disabled = isDisabled;
+    taskSelect.disabled = isDisabled;
+    if (isDisabled) {
+      projectSelect.value = DEFAULT_PROJECT_ID;
+      taskSelect.value = DEFAULT_TASK_ID;
+    }
+  });
+
+  tr.querySelector('.remove-btn').addEventListener('click', () => {
+    tr.remove();
+    updateRowNumbers(tr.parentElement);
+  });
+
+  return tr;
+}
+
+/**
+ * 작업 보고서 테이블을 초기화하고 데이터를 채웁니다.
+ * @param {{workers: Array, projects: Array, tasks: Array}} initialData - 초기 데이터
+ */
+export function initializeReportTable(initialData) {
+  const tableBody = document.getElementById('reportBody');
+  if (!tableBody) return;
+
+  tableBody.innerHTML = ''; // 기존 내용 초기화
+  const { workers, projects, tasks } = initialData;
+
+  if (!workers || workers.length === 0) {
+    tableBody.innerHTML = '<tr><td colspan="8" class="text-center">등록할 작업자 정보가 없습니다.</td></tr>';
+    return;
+  }
+
+  workers.forEach((worker, index) => {
+    const row = createReportRow(worker, projects, tasks, index);
+    tableBody.appendChild(row);
+  });
+}
+
+/**
+ * 테이블에서 폼 데이터를 추출하여 배열로 반환합니다.
+ * @returns {Array<object>|null} - 추출된 데이터 배열 또는 유효성 검사 실패 시 null
+ */
+export function getReportData() {
+  const tableBody = document.getElementById('reportBody');
+  const rows = tableBody.querySelectorAll('tr');
+  
+  if (rows.length === 0 || (rows.length === 1 && rows[0].cells.length < 2)) {
+    alert('등록할 내용이 없습니다.');
+    return null;
+  }
+  
+  const reportData = [];
+  const workerIds = new Set();
+
+  for (const tr of rows) {
+    const workerId = tr.querySelector('[name="user_id"]').value;
+    if (workerIds.has(workerId)) {
+      alert(`오류: 작업자 '${tr.cells[1].textContent.trim()}'가 중복 등록되었습니다.`);
+      return null;
+    }
+    workerIds.add(workerId);
+    
+    reportData.push({
+      user_id: workerId,
+      project_id: tr.querySelector('[name="project_id"]').value,
+      task_id: tr.querySelector('[name="task_id"]').value,
+      overtime_hours: tr.querySelector('[name="overtime"]').value || 0,
+      work_details: tr.querySelector('[name="work_type"]').value,
+      memo: tr.querySelector('[name="memo"]').value
+    });
+  }
+
+  return reportData;
+}