TypeScript로 유효성 검사 시스템 구현

<div style='font-family:monospace; padding:16px; background:#0d1117; color:#e8e8e8;'>
<div style='color:#10b981; margin-bottom:12px;'>VALIDATION SYSTEM</div>
<div style='margin-bottom:12px;'>
  <input id='v-model' placeholder='모델명 (T-XXX)' style='background:#1a1a1a; color:#e8e8e8; border:1px solid #333; padding:6px; font-family:monospace; font-size:11px; width:100%; box-sizing:border-box; margin-bottom:4px;'/>
  <input id='v-threat' placeholder='위협도 (1-10)' type='number' style='background:#1a1a1a; color:#e8e8e8; border:1px solid #333; padding:6px; font-family:monospace; font-size:11px; width:100%; box-sizing:border-box; margin-bottom:8px;'/>
  <button onclick='validate()' style='background:#10b981; color:#080808; border:none; padding:6px 16px; cursor:pointer; font-family:monospace; font-size:10px;'>VALIDATE</button>
</div>
<div id='v-result' style='font-size:11px;'></div>
<script>
  function isValidModel(val) { return typeof val === 'string' && /^T-\d+$/.test(val); }
  function isValidThreat(val) { const n = Number(val); return !isNaN(n) && n >= 1 && n <= 10; }

  function validate() {
    const model = document.getElementById('v-model').value;
    const threat = document.getElementById('v-threat').value;
    const out = document.getElementById('v-result');
    out.innerHTML = '';
    const checks = [
      { label: '모델명 형식 (T-XXX)', ok: isValidModel(model), value: model },
      { label: '위협도 범위 (1-10)', ok: isValidThreat(threat), value: threat },
      { label: '전체 유효성', ok: isValidModel(model) && isValidThreat(threat), value: '검증 완료' },
    ];
    checks.forEach(c => {
      const el = document.createElement('div');
      el.style.color = c.ok ? '#22c55e' : '#10b981';
      el.style.marginBottom = '4px';
      el.textContent = `${c.ok ? '✓' : '✗'} ${c.label}: ${c.value}`;
      out.appendChild(el);
    });
  }
</script>
</div>