TypeScript 최종 미션: 완전 타입 안전 시스템

<div style='font-family:monospace; padding:16px; background:#0d1117; color:#e8e8e8;'>
<div style='color:#10b981; margin-bottom:12px; letter-spacing:0.2em;'>FULL SYSTEM INTEGRATION</div>
<div id='system-out' style='font-size:11px; margin-bottom:12px;'></div>
<div style='display:flex; gap:8px; flex-wrap:wrap;'>
  <button onclick='system.deploy("T-800", 8, "ADMIN")' style='background:#10b981; color:#080808; border:none; padding:6px 12px; cursor:pointer; font-family:monospace; font-size:10px;'>DEPLOY T-800</button>
  <button onclick='system.deploy("T-1000", 10, "USER")' style='background:#f59e0b; color:#080808; border:none; padding:6px 12px; cursor:pointer; font-family:monospace; font-size:10px;'>DEPLOY T-1000</button>
  <button onclick='system.report()' style='background:#333; color:#888; border:none; padding:6px 12px; cursor:pointer; font-family:monospace; font-size:10px;'>REPORT</button>
</div>
<script>
  // Full typed system simulation
  const out = document.getElementById('system-out');
  const log = (msg, color='#888') => { const el = document.createElement('div'); el.style.color=color; el.style.marginBottom='3px'; el.style.fontSize='11px'; el.textContent=msg; out.prepend(el); };

  // Generic Repository<T>
  class Repository {
    constructor() { this._items = new Map(); }
    save(id, item) { this._items.set(id, { ...item, id, savedAt: Date.now() }); }
    find(id) { return this._items.get(id) || null; }
    findAll() { return [...this._items.values()]; }
    count() { return this._items.size; }
  }

  // Auth
  const permissions = { ADMIN: ['deploy','terminate','report'], USER: ['deploy','report'] };
  const can = (role, action) => (permissions[role] || []).includes(action);

  // Service (DI)
  class SystemService {
    constructor(repo, logger) { this._repo = repo; this._logger = logger; }
    deploy(model, threat, role) {
      if (!can(role, 'deploy')) { this._logger(`[DENIED] ${role}는 배포 불가`, '#10b981'); return; }
      const id = `${model}_${Date.now()}`;
      this._repo.save(id, { model, threat, status: 'ACTIVE' });
      this._logger(`[DEPLOYED] ${model} 위협도:${threat}`, '#22c55e');
    }
    report() {
      const all = this._repo.findAll();
      this._logger(`[REPORT] 총 ${all.length}개 유닛 활성`, '#f59e0b');
      all.forEach(u => this._logger(`  ▶ ${u.model} 위협도:${u.threat}`, '#555'));
    }
  }

  const repo = new Repository();
  const system = new SystemService(repo, log);
</script>
</div>