728x90
타입스크립트 타입의 확장된 문법을 확인해봅시다.
✅ Type Aliases(타입 별칭)
type Nickname = string;
type Health = number;
type Friends = Array<string>;
type Player = {
nickname: Nickname;
healthBar: Health;
};
const nico: Player = {
nickname: "nico",
healthBar: 10,
};
type Food = string;
const kimchi: Food = "delicious";
type alias를 이용하여 타입스크립트에서 만들고 싶은 무수히 많은 종류의 타입을 설명해주면
원하는 타입을 만들 수 있습니다.
✏️ 지정된 옵션 사용
type Team = "red" | "blue" | "yellow";
type Health = 1 | 5 | 10;
type Player = {
nickname: string;
team: Team;
health: Health;
};
const nico: Player = {
nickname: "nico",
team: "red",
health: 5,
};
Team이라는 타입을 string으로 지정했다면 모든 문자열이 다 가능하지만
특정 값을 지정하여 타입을 설정하면 해당 값이 아닐 경우 에러가 발생합니다.
Player 타입인 nico의 team 속성은 Team 타입이어야 합니다.
즉, "red", "blue", "yellow" 세 문자열 중 하나의 값을 가져야 합니다.
728x90
'이론 (Front-end) > TypeScript' 카테고리의 다른 글
[TypeScript] Interface(인터페이스) (0) | 2023.12.27 |
---|---|
[TypeScript] Static 키워드 (0) | 2023.12.27 |
[TypeScript] Class(클래스) (1) | 2023.12.23 |
[TypeScript] 함수 (1) | 2023.12.22 |
[TypeScript] 타입 시스템 (0) | 2023.07.05 |