feat: 다수 기능 개선 - 순찰, 출근, 작업분석, 모바일 UI 등

- 순찰/점검 기능 개선 (zone-detail 페이지 추가)
- 출근/근태 시스템 개선 (연차 조회, 근무현황)
- 작업분석 대분류 그룹화 및 마이그레이션 스크립트
- 모바일 네비게이션 UI 추가
- NAS 배포 도구 및 문서 추가

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

deploy/tkfb-package/web-ui/js/workplace-management/utils.js

@@ -0,0 +1,154 @@
+/**
+ * Workplace Management - Utilities
+ * 작업장 관리 관련 유틸리티 함수들
+ */
+
+class WorkplaceUtils {
+  constructor() {
+    console.log('[WorkplaceUtils] 초기화 완료');
+  }
+
+  /**
+   * 날짜 포맷팅
+   */
+  formatDate(dateString) {
+    if (!dateString) return '';
+    const date = new Date(dateString);
+    return date.toLocaleDateString('ko-KR', {
+      year: 'numeric',
+      month: '2-digit',
+      day: '2-digit'
+    });
+  }
+
+  /**
+   * API URL 생성
+   */
+  getApiBaseUrl() {
+    return window.API_BASE_URL || 'http://localhost:20005/api';
+  }
+
+  /**
+   * 이미지 URL 생성
+   */
+  getFullImageUrl(imagePath) {
+    if (!imagePath) return null;
+    if (imagePath.startsWith('http')) return imagePath;
+    return `${this.getApiBaseUrl()}${imagePath}`.replace('/api/', '/');
+  }
+
+  /**
+   * 작업장 용도 아이콘 반환
+   */
+  getPurposeIcon(purpose) {
+    const icons = {
+      '작업구역': '🔧',
+      '설비': '⚙️',
+      '휴게시설': '☕',
+      '회의실': '💼',
+      '창고': '📦',
+      '기타': '📍'
+    };
+    return purpose ? (icons[purpose] || '📍') : '🏗️';
+  }
+
+  /**
+   * 퍼센트를 픽셀로 변환
+   */
+  percentToPixel(percent, canvasSize) {
+    return (percent / 100) * canvasSize;
+  }
+
+  /**
+   * 픽셀을 퍼센트로 변환
+   */
+  pixelToPercent(pixel, canvasSize) {
+    return (pixel / canvasSize) * 100;
+  }
+
+  /**
+   * 영역 좌표 정규화 (음수 처리)
+   */
+  normalizeRect(rect, canvasWidth, canvasHeight) {
+    const xPercent = this.pixelToPercent(
+      Math.min(rect.x, rect.x + rect.width),
+      canvasWidth
+    );
+    const yPercent = this.pixelToPercent(
+      Math.min(rect.y, rect.y + rect.height),
+      canvasHeight
+    );
+    const widthPercent = this.pixelToPercent(
+      Math.abs(rect.width),
+      canvasWidth
+    );
+    const heightPercent = this.pixelToPercent(
+      Math.abs(rect.height),
+      canvasHeight
+    );
+
+    return { xPercent, yPercent, widthPercent, heightPercent };
+  }
+}
+
+// 전역 인스턴스 생성
+window.WorkplaceUtils = new WorkplaceUtils();
+
+// 하위 호환성: 기존 함수들
+window.formatDate = (dateString) => window.WorkplaceUtils.formatDate(dateString);
+
+// 토스트 메시지 표시
+window.showToast = function(message, type = 'info') {
+  // 기존 토스트 제거
+  const existingToast = document.querySelector('.toast');
+  if (existingToast) {
+    existingToast.remove();
+  }
+
+  // 새 토스트 생성
+  const toast = document.createElement('div');
+  toast.className = `toast toast-${type}`;
+  toast.textContent = message;
+
+  // 스타일 적용
+  Object.assign(toast.style, {
+    position: 'fixed',
+    top: '20px',
+    right: '20px',
+    padding: '12px 24px',
+    borderRadius: '8px',
+    color: 'white',
+    fontWeight: '500',
+    zIndex: '1000',
+    transform: 'translateX(100%)',
+    transition: 'transform 0.3s ease'
+  });
+
+  // 타입별 배경색
+  const colors = {
+    success: '#10b981',
+    error: '#ef4444',
+    warning: '#f59e0b',
+    info: '#3b82f6'
+  };
+  toast.style.backgroundColor = colors[type] || colors.info;
+
+  document.body.appendChild(toast);
+
+  // 애니메이션
+  setTimeout(() => {
+    toast.style.transform = 'translateX(0)';
+  }, 100);
+
+  // 자동 제거
+  setTimeout(() => {
+    toast.style.transform = 'translateX(100%)';
+    setTimeout(() => {
+      if (toast.parentNode) {
+        toast.remove();
+      }
+    }, 300);
+  }, 3000);
+};
+
+console.log('[Module] workplace-management/utils.js 로드 완료');