타입 별칭(Type Alias) 해부

// type 별칭 시뮬레이션
  const examples = [
    { alias: 'type ID = number', desc: '원시 타입 별칭', example: 'const id: ID = 800' },
    { alias: 'type Status = "ACTIVE" | "TERMINATED"', desc: '유니온 타입', example: 'const s: Status = "ACTIVE"' },
    { alias: 'type Point = [number, number]', desc: '튜플 타입', example: 'const p: Point = [10, 20]' },
    { alias: 'type Unit = { model: string } & { threat: number }', desc: '인터섹션 타입', example: 'const u: Unit = { model: "T-800", threat: 8 }' },
    { alias: 'type Callback = (data: string) => void', desc: '함수 타입', example: 'const fn: Callback = (d) => console.log(d)' },
  ];
  examples.forEach(e => {
    const el = document.createElement('div');
    el.style.marginBottom = '8px'; el.style.fontSize = '11px';
    el.innerHTML = `<div style="color:#f59e0b;">${e.alias}</div><div style="color:#555; font-size:10px;">${e.desc}</div><div style="color:#888; font-size:10px;">${e.example}</div>`;
    document.currentScript.parentElement.appendChild(el);
  });