Template Literal Types

오늘 소개할 Template Literal Types는 템플릿 리터럴 문자열을 사용해서 문자열 타입을 생성합니다.

자바스크립트의 템플릿 문자열과 동일하게 사용되지만 또 다른 string 리터럴 타입과 함께 사용면 새로운 형태의 string 리터럴 타입을 생성할 수 있습니다.

type Color = 'Red';
type PaintedCar = `${Color} Car`; // 'Red Car' 타입이 됩니다.

유니온 타입에서 Template Literal Types를 사용하면 조합 가능한 모든 경우의 수의 문자열 리터럴 유니온 타입이 됩니다.

type Color = 'Red' | 'Yellow' | 'Blue';
type Vehicle = 'Bus' | 'Sedan';

type PaintedVehicle = `${Color} ${Vehicle}`;
/*
 PaintedVehicle은
 'Red Bus' | 'Red Sedan' | 'Yellow Bus' | 'Yellow Sedan' ||'Blue Bus' | 'Blue SeDAN'
 의 union 타입이 됩니다.
*/