Template Literal Types

type attrs = "Name" | "Age";
type target = `get${attrs}`;
// target = getName | getAge;

// ========================== //

// bad
type CssPadding = 'padding-left' | 'padding-right' | 'padding-top' | 'padding-bottom';

// good
type Direction = 'left' | 'right' | 'top' | 'bottom';
type CssPadding = `padding-${Direction}`;
ty[e CSsMargin = `margin-${Direction};`


// ========================== //

// addName | addPhone | removeName | removePhone
type actions = 'add' | 'remove';
type property = 'name' | 'phone';

// Capitalize<StringType> : 첫 글자를 대문자로
type result = `${actions}${Capitalize<property>}`;