프론트엔드 개발
타입스크립트 Type alias 본문
Type alias
alias는 별명이라는 의미인데 따로 이름을 붙여주는 것이다.
Type alias를 이용하면 다양한 타입을 정의할 수 있는데 기본적인 타입 뿐만 아니라 복잡한 타입도 정의할 수 있다.
type Student = {
class: number,
name: string;
}
const student: Student = {
class: 5,
name: "taenami"
}
Student 타입은 object 타입인데, student라는 변수가 Student 타입인데,
Student타입에서 정해진 key와, value의 타입을 지켜주지 않으면 에러가 발생한다.
String Literal Types
type Name = "name";
let taenami: Name;
taenami = "name"
type Boal = true;
const isSend: Boal = true;
어떠한 문자열도 할당할 수 없고 동일한 값을 써줘야 한다.
할당된 값 이외에 다른 값을 할당하게 되면 에러가 발생한다.
Type alias는 원시값, 유니온 타입, 튜플 등도 타입으로 지정할 수 있다.
// 문자열 리터럴
type Str = 'Kim';
// 유니온 타입
type Union = string | null;
// 문자열 유니온 타입
type Name = 'Lee' | 'Kim';
// 숫자 리터럴 유니온 타입
type Num = 1 | 2 | 3 | 4 | 5;
// 객체 리터럴 유니온 타입
type Obj = {a: 1} | {b: 2};
// 함수 유니온 타입
type Func = (() => string) | (() => void);
// 인터페이스 유니온 타입
type Shape = Square | Rectangle | Circle;
// 튜플로 타입
type Tuple = [string, boolean];
출처:
'Front-End > Typescript' 카테고리의 다른 글
타입스크립트 제네릭(Generic) (0) | 2021.07.24 |
---|---|
타입스크립트 function (0) | 2021.07.20 |
타입스크립트 기본 타입 (0) | 2021.07.03 |
프론트엔드 개발에서 유행하는 타입스크립트를 왜 써야할까? (0) | 2021.06.08 |
프론트엔드 초보자가 알아야 하는 타입스크립트란 (0) | 2021.05.07 |
Comments