인프런 장기효(캡틴판교) 님의 [ 타입스크립트 입문 - 기초부터 실전까지 ] 강의 수강 후 강의의 내용을 정리하며 공부한 것을 쓴 게시글입니다.
타입스크립트 입문 - 기초부터 실전까지 - 인프런 | 강의
타입스크립트를 시작하는 분들을 위한 강의입니다. 최신 자바스크립트 문법을 모르는 분들도 쉽게 배울 수 있도록 교과 과정을 구성하였습니다. 어렵게만 느껴지는 타입스크립트를 입문자 관
www.inflearn.com
타입 별칭 (Type Aliases)
# 타입 별칭 (Type Aliases)
: 특정 타입이나 인터페이스를 참조할 수 있는 타입 변수
- 새로운 타입 값을 하나 생성하는 것이 아니라 정의한 타입에 대해 나중에 쉽게 참고할 수 있게 이름을 부여하는 것
- 타입 별칭의 이름은 대문자로 시작
type Name = string;
type Person = {
name: string;
age: number;
};
타입 별칭 vs. 인터페이스
- ① 타입 별칭은 교집합을 이용해 병합하고, 인터페이스는 상속으로 병합한다.
interface Person1 {
name: string;
age: number;
}
interface Person2 extends Person1 {
gender: string;
}
const minsu: Person2 = {
name: "minsu",
age: 20,
gender: "male",
};
type Person3 = {
name: string;
age: number;
};
type Person4 = Person3 & {
gender: string;
};
const mina: Person4 = {
name: "mina",
age: 22,
gender: "female",
};
- ② 인터페이스는 새 필드 추가가 가능하고, 타입 별칭은 생성 후 수정이 불가하다.
interface Person1 {
name: string;
age: number;
}
interface Person1 {
birth_date: string;
}
- ③ 인터페이스는 오로지 객체 구조를 선언하는 데만 사용되며, 기존의 원시 타입에 별칭을 부여할 수 없는 반면, 타입 별칭은 기존의 원시 타입에 별칭을 부여할 수 있다.
type Name = string;
- > 타입 별칭보다는 인터페이스를 사용하는 것이 권장되고 있다.
'FRONTEND > TypeScript' 카테고리의 다른 글
[ 인프런 - 타입스크립트 입문_기초부터 실전까지 ] 6. 타입스크립트 클래스 / 제네릭 (0) | 2023.01.21 |
---|---|
[ 인프런 - 타입스크립트 입문_기초부터 실전까지 ] 5. 타입스크립트 이넘 (Enum) (0) | 2023.01.20 |
[ 인프런 - 타입스크립트 입문_기초부터 실전까지 ] 4. 타입스크립트 연산자를 이용한 타입 정의 (Union Type / Intersection Type) (0) | 2023.01.20 |
[ 인프런 - 타입스크립트 입문_기초부터 실전까지 ] 2. 타입스크립트 인터페이스 (0) | 2023.01.20 |
[ 인프런 - 타입스크립트 입문_기초부터 실전까지 ] 1. 타입스크립트 기초 - 변수와 함수 타입 정하기 (0) | 2023.01.19 |