TypeScript에서의 유니온 타입

어떤 변수가 여러 가지 다른 타입의 값을 가질 수 있는 경우가 있습니다. 이런 경우 해당 변수를 any 타입으로 선언할 수 있다는 것을 이미 알고 계실 겁니다.

그러나 변수가 모든 타입의 값을 받는 것이 아니라, 특정 몇 가지 타입의 값만 가질 수 있는 상황도 있습니다. 예를 들어, 문자열이나 숫자만 가능한 경우입니다.

이런 경우에는 변수가 필요한 타입들만 허용하도록 설정하는 것이 더 좋습니다. 이는 세로줄로 나타내는 유니온 타입 연산자를 사용하여 수행됩니다.

이 연산자를 사용하여 변수가 문자열이나 숫자만 될 수 있도록 허용해 봅시다:

let test: string | number;

확인해 봅시다 - 변수에 숫자를 할당합니다:

test = 123;

이제 문자열을 할당합니다:

test = 'abc';

이제 논리 값을 할당해 봅시다:

test = true; // 오류가 발생합니다

숫자 또는 null이 될 수 있는 변수를 만드세요.

숫자, 문자열 또는 논리 값이 될 수 있는 변수를 만드세요.