feat: 대시보드 작업장 현황 지도 구현

- 실시간 작업장 현황을 지도로 시각화
- 작업장 관리 페이지에서 정의한 구역 정보 활용
- TBM 작업자 및 방문자 현황 표시

주요 변경사항:
- dashboard.html: 작업장 현황 섹션 추가 (기존 작업 현황 테이블 제거)
- workplace-status.js: 지도 렌더링 및 데이터 통합 로직 구현
- modern-dashboard.js: 삭제된 DOM 요소 조건부 체크 추가

시각화 방식:
- 인원 없음: 회색 테두리 + 작업장 이름
- 내부 작업자: 파란색 영역 + 인원 수
- 외부 방문자: 보라색 영역 + 인원 수
- 둘 다: 초록색 영역 + 총 인원 수

기술 구현:
- Canvas API 기반 사각형 영역 렌더링
- map-regions API를 통한 데이터 일관성 보장
- 클릭 이벤트로 상세 정보 모달 표시

🤖 Generated with [Claude Code](https://claude.com/claude-code)

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

web-ui/js/auth-check.js

@@ -14,10 +14,105 @@ function getUser() {
 function clearAuthData() {
   localStorage.removeItem('token');
   localStorage.removeItem('user');
+  localStorage.removeItem('userPageAccess'); // 페이지 권한 캐시도 삭제
+}
+
+/**
+ * 현재 페이지의 page_key를 URL 경로로부터 추출
+ * 예: /pages/work/tbm.html -> work.tbm
+ *     /pages/admin/accounts.html -> admin.accounts
+ *     /pages/dashboard.html -> dashboard
+ */
+function getCurrentPageKey() {
+  const path = window.location.pathname;
+
+  // /pages/로 시작하는지 확인
+  if (!path.startsWith('/pages/')) {
+    return null;
+  }
+
+  // /pages/ 이후 경로 추출
+  const pagePath = path.substring(7); // '/pages/' 제거
+
+  // .html 제거
+  const withoutExt = pagePath.replace('.html', '');
+
+  // 슬래시를 점으로 변환
+  const pageKey = withoutExt.replace(/\//g, '.');
+
+  return pageKey;
+}
+
+/**
+ * 사용자의 페이지 접근 권한 확인 (캐시 활용)
+ */
+async function checkPageAccess(pageKey) {
+  const currentUser = getUser();
+
+  // Admin은 모든 페이지 접근 가능
+  if (currentUser.role === 'Admin' || currentUser.role === 'System Admin') {
+    return true;
+  }
+
+  // 프로필 페이지는 모든 사용자 접근 가능
+  if (pageKey && pageKey.startsWith('profile.')) {
+    return true;
+  }
+
+  // 대시보드는 모든 사용자 접근 가능
+  if (pageKey === 'dashboard') {
+    return true;
+  }
+
+  try {
+    // 캐시된 권한 확인
+    const cached = localStorage.getItem('userPageAccess');
+    let accessiblePages = null;
+
+    if (cached) {
+      const cacheData = JSON.parse(cached);
+      // 캐시가 5분 이내인 경우 사용
+      if (Date.now() - cacheData.timestamp < 5 * 60 * 1000) {
+        accessiblePages = cacheData.pages;
+      }
+    }
+
+    // 캐시가 없으면 API 호출
+    if (!accessiblePages) {
+      const response = await fetch(`${window.API_BASE_URL}/api/users/${currentUser.user_id}/page-access`, {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json',
+          'Authorization': `Bearer ${localStorage.getItem('token')}`
+        }
+      });
+
+      if (!response.ok) {
+        console.error('페이지 권한 조회 실패:', response.status);
+        return false;
+      }
+
+      const data = await response.json();
+      accessiblePages = data.data.pageAccess || [];
+
+      // 캐시 저장
+      localStorage.setItem('userPageAccess', JSON.stringify({
+        pages: accessiblePages,
+        timestamp: Date.now()
+      }));
+    }
+
+    // 해당 페이지에 대한 접근 권한 확인
+    const pageAccess = accessiblePages.find(p => p.page_key === pageKey);
+    return pageAccess && pageAccess.can_access === 1;
+  } catch (error) {
+    console.error('페이지 권한 체크 오류:', error);
+    return false;
+  }
 }
 
 // 즉시 실행 함수로 스코프를 보호하고 로직을 실행
-(function() {
+(async function() {
   if (!isLoggedIn()) {
     console.log('🚨 인증되지 않은 사용자. 로그인 페이지로 이동합니다.');
     clearAuthData(); // 만약을 위해 한번 더 정리
@@ -26,7 +121,7 @@ function clearAuthData() {
   }
 
   const currentUser = getUser();
-  
+
   // 사용자 정보가 유효한지 확인 (토큰은 있지만 유저 정보가 깨졌을 경우)
   if (!currentUser || !currentUser.username) {
     console.error('🚨 사용자 정보가 유효하지 않습니다. 강제 로그아웃 처리합니다.');
@@ -38,6 +133,25 @@ function clearAuthData() {
   const userRole = currentUser.role || currentUser.access_level || '사용자';
   console.log(`✅ ${currentUser.username}(${userRole})님 인증 성공.`);
 
+  // 페이지 접근 권한 체크 (Admin은 건너뛰기)
+  if (currentUser.role !== 'Admin' && currentUser.role !== 'System Admin') {
+    const pageKey = getCurrentPageKey();
+
+    if (pageKey) {
+      console.log(`🔍 페이지 권한 체크: ${pageKey}`);
+      const hasAccess = await checkPageAccess(pageKey);
+
+      if (!hasAccess) {
+        console.error(`🚫 페이지 접근 권한이 없습니다: ${pageKey}`);
+        alert('이 페이지에 접근할 권한이 없습니다.');
+        window.location.href = '/pages/dashboard.html';
+        return;
+      }
+
+      console.log(`✅ 페이지 접근 권한 확인됨: ${pageKey}`);
+    }
+  }
+
   // 역할 기반 메뉴 제어 로직은 각 컴포넌트 로더(load-navbar.js 등)로 이전함.
   // 전역 변수 할당(window.currentUser) 제거.
 })();