Union
연결된 노트와 함께 읽기
A | B 형태로 작성하며, 변수나 매개변수가 여러 타입 중 하나가 될 수 있음을 표현한다.|) 기호로 두 개 이상의 타입을 나열하면, 나열된 타입 중 하나이기만 하면 타입 검사를 통과한다.A & B)이 두 타입의 교집합(모두 만족)인 것과 달리, Union은 합집합(하나만 만족)이다.TypeScript
TypeScript
TypeScript
TypeScript
// 원시 타입 Union
let value: string | number;
value = '안녕하세요'; // 가능
value = 42; // 가능
// value = true; // 에러 — boolean은 포함되지 않음
// 함수 매개변수에 Union 적용
function printId(id: number | string) {
console.log(`ID: ${id}`);
}type Direction = 'left' | 'right' | 'up' | 'down';
type Status = 'pending' | 'success' | 'error';
function move(dir: Direction) {
console.log(`이동 방향: ${dir}`);
}
move('left'); // 가능
// move('diagonal'); // 에러interface Cat {
meow(): void;
}
interface Dog {
bark(): void;
}
type Pet = Cat | Dog;
// 타입 가드로 좁히기 (narrowing)
function makeSound(pet: Pet) {
if ('meow' in pet) {
pet.meow();
} else {
pet.bark();
}
}function formatValue(val: string | number): string {
if (typeof val === 'string') {
return val.toUpperCase(); // string 메서드 사용 가능
}
return val.toFixed(2); // number 메서드 사용 가능
}