타입스크립트/타입스크립트 고급

타입 별칭

webmaster 2022. 10. 10. 20:50
728x90
/*
interface Person {
    name: string;
    age: number;
}
 */
type Person = {
    name: string;
    age: number;
}

var seho: Person = {
    name: '세호',
    age: 30
}

type MyString = string;
var str: MyString = 'hello' //타입을 사용하는 모든 곳에서 별칭을 사용해서 붙일 수 있다.

type Todo = { id: string; title: string; done: boolean; };

function getTodo(todo: Todo) {
    
}
  • type을 사용하면 명확하게 어떤 타입을 사용해야 하는지 파악할 수 있다.
  • 타입을 사용하는 모든 곳에는 타입 별칭을 사용해서 붙일 수 있다.

타입 별칭과 인터페이스의 차이점

타입 별칭 : 새로운 타입 값을 하나 생성하는 것이 아니라 정의한 타입에 대해 나중에 쉽게 참고할 수 있게 이름을 부여하는 것과 같습니다. 이러한 특징은 VSCode 상의 프리뷰 상태로 다른 타입과 어떤 차이점이 있는지 확인해볼 수 있습니다.

타입, 인터페이스 프리뷰

가장 큰 차이점은 타입의 확장 가능/ 불가능 여부이다. 인터페이스는 확장이 가능한데 반해 타입 별칭은 확장이 불가능하다.

따라서 가능한 type보다는 interface로 선언해서 사용하는 것을 추천한다.

728x90

'타입스크립트 > 타입스크립트 고급' 카테고리의 다른 글

제네릭  (0) 2022.10.11
클래스  (1) 2022.10.11
이넘  (0) 2022.10.10
연산자를 이용한 타입 정의  (0) 2022.10.10
인터페이스  (0) 2022.10.07