feat: 실시간 알림 시스템 (Web Push + 알림 벨 + 서비스간 알림 연동)

- Phase 1: 모든 서비스 헤더에 알림 벨 UI 추가 (notification-bell.js)
- Phase 2: VAPID Web Push 구독/전송 (push-sw.js, pushSubscription API)
- Phase 3: 내부 알림 API + notifyHelper로 서비스간 알림 연동
  - tksafety: 출입 승인/반려, 안전교육 완료, 방문자 체크인
  - tkpurchase: 일용공 신청, 작업보고서 제출
  - system2-report: 신고 접수/확인/처리완료
- Phase 4: 30일 이상 알림 자동 정리 cron, Redis 캐싱
- CORS에 tkuser/tkpurchase/tksafety 서브도메인 추가
- HTML cache busting 버전 갱신

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

user-management/web/index.html

@@ -1740,7 +1740,7 @@
     </div>
 
     <!-- JS: Core (config, token, api, toast, helpers, init) -->
-    <script src="/static/js/tkuser-core.js?v=20260313"></script>
+    <script src="/static/js/tkuser-core.js?v=20260313a"></script>
     <!-- JS: Tabs -->
     <script src="/static/js/tkuser-tabs.js?v=20260313"></script>
     <!-- JS: Individual modules -->

user-management/web/push-sw.js

@@ -0,0 +1,41 @@
+// Push Notification Service Worker
+// 캐싱 없음 — Push 수신 전용
+
+self.addEventListener('push', function(event) {
+  var data = { title: '알림', body: '새 알림이 있습니다.', url: '/' };
+  if (event.data) {
+    try { data = Object.assign(data, event.data.json()); } catch(e) {}
+  }
+  event.waitUntil(
+    self.registration.showNotification(data.title, {
+      body: data.body,
+      icon: '/static/img/icon-192.png',
+      badge: '/static/img/badge-72.png',
+      data: { url: data.url || '/' },
+      tag: 'tk-notification-' + Date.now(),
+      renotify: true
+    })
+  );
+  // 메인 페이지에 뱃지 갱신 신호 전송
+  self.clients.matchAll({ type: 'window' }).then(function(clients) {
+    clients.forEach(function(client) {
+      client.postMessage({ type: 'NOTIFICATION_RECEIVED' });
+    });
+  });
+});
+
+self.addEventListener('notificationclick', function(event) {
+  event.notification.close();
+  var url = (event.notification.data && event.notification.data.url) || '/';
+  event.waitUntil(
+    self.clients.matchAll({ type: 'window' }).then(function(clients) {
+      for (var i = 0; i < clients.length; i++) {
+        if (clients[i].url.includes(self.location.origin)) {
+          clients[i].navigate(url);
+          return clients[i].focus();
+        }
+      }
+      return self.clients.openWindow(url);
+    })
+  );
+});

user-management/web/static/js/tkuser-core.js

@@ -1,6 +1,8 @@
-/* ===== 서비스 워커 해제 (캐시 간섭으로 인한 인증 루프 방지) ===== */
+/* ===== 서비스 워커 해제 (push-sw.js 제외) ===== */
 if ('serviceWorker' in navigator) {
-    navigator.serviceWorker.getRegistrations().then(function(regs) { regs.forEach(function(r) { r.unregister(); }); });
+    navigator.serviceWorker.getRegistrations().then(function(regs) { regs.forEach(function(r) {
+        if (!r.active || !r.active.scriptURL.includes('push-sw.js')) { r.unregister(); }
+    }); });
     if (typeof caches !== 'undefined') { caches.keys().then(function(ns) { ns.forEach(function(n) { caches.delete(n); }); }); }
 }
 
@@ -181,5 +183,15 @@ async function init() {
     } catch (e) {
         console.error('[tkuser] init 오류:', e);
     }
+    // 알림 벨 로드
+    _loadNotificationBell();
+
     setTimeout(() => document.querySelector('.fade-in').classList.add('visible'), 50);
 }
+
+/* ===== 알림 벨 ===== */
+function _loadNotificationBell() {
+    const s = document.createElement('script');
+    s.src = (location.hostname.includes('technicalkorea.net') ? 'https://tkfb.technicalkorea.net' : location.protocol + '//' + location.hostname + ':30000') + '/shared/notification-bell.js?v=1';
+    document.head.appendChild(s);
+}