유니언 및 리터럴 타입(기초 좁히기 소개)

소개

유니온 기초

let value: string | number;
value = "hello";

value = 42;

// value = true; 
// Error, not allowed

리터럴 타입

let direction: "left" | "right";
direction = "left";

// direction = "up";
 // Error

범위 좁히기 기초

function printId(id: string | number) {
  if (typeof id === "string") {
    console.log(id.toUpperCase());
  } else {
    console.log(id.toFixed(2));
  }
}

printId("abc");
printId(123.456);

판별된 유니온

type Shape =
  | { kind: "circle"; radius: number }
  | { kind: "square"; size: number };

function area(shape: Shape): number {
  if (shape.kind === "circle") {
    return Math.PI * shape.radius ** 2;
  } else {
    return shape.size * shape.size;
  }
}

console.log(area({ kind: "circle", radius: 2 }));
console.log(area({ kind: "square", size: 3 }));

유니온과 리터럴을 사용하는 이유

유니온 확인

복습