DEVELOP
article thumbnail

인프런 장기효(캡틴판교) 님의 [ 타입스크립트 입문 - 기초부터 실전까지 ] 강의 수강 후 강의의 내용을 정리하며 공부한 것을 쓴 게시글입니다.

 

타입스크립트 입문 - 기초부터 실전까지 - 인프런 | 강의

타입스크립트를 시작하는 분들을 위한 강의입니다. 최신 자바스크립트 문법을 모르는 분들도 쉽게 배울 수 있도록 교과 과정을 구성하였습니다. 어렵게만 느껴지는 타입스크립트를 입문자 관

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;

- > 타입 별칭보다는 인터페이스를 사용하는 것이 권장되고 있다. 

profile

DEVELOP

@JUNGY00N