이론 (Front-end)/TypeScript

[TypeScript] 타입 확장

이우열 2023. 12. 23. 23:14
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 타입인 nicoteam 속성은 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