📺영상

• infer, never만 보면 두려워지는 당신을 위한 고급 TypeScript

Keywords

• satisfies

  type Color = "red" | "green" | "blue";
  type RGB = [red: number, green: number, blue: number];
  
  const palette: Record<Color, string | RGB> = {
      red: [255, 0, 0],
      green: "#00ff00",
      blue: [0, 0, 255]
  };
  
  // ⚠️ 오류 발생
  const greenNormalized = palette.green.toUpperCase();
  
  const palette = {
      red: [255, 0, 0],
      green: "#00ff00",
      blue: [0, 0, 255]
  } satisfies Record<Color, string | RGB>;
  
  // ✅ 정상 동작
  const greenNormalized = palette.green.toUpperCase();