TypeScript 6일차_타입 별칭

# TypeScript 

## 타입 별칭 (Type Aliases)

• 타입 별칭 : 특정 타입, 인터페이스를참조할 수 있는 타입 변수를 의미.

// string 타입을 사용할 때
const name: string = 'capt';

// 타입 별칭을 사용할 때
type MyName = string;	// 타입별칭.
const name: MyName = 'capt';

• interface 구조도 타입 별칭을 이용해서 정의 가능.

type Developer = {
  name: string;
  skill: string;
}

타입 별칭 코드(예)

interface Person1 {
    name: string;
    age: number;
}

type Person2 = {
    name: string;
    age: number;
}

var seho1: Person1 = {
    name: '세호',
    age: 30
}

var seho2: Person2 = {  // 설정한 타입에 마우스를 올렸을 경우 구조 보임.
    name: '세호',
    age: 30
}

type MyString = string;
var str: MyString = 'hello';

type Todo = {id: string; title: string; done: boolean;};
function getTodo(todo: Todo) {
    
}

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

• 타입 별칭은 새로운 타입값을 생성하는 것이 아닌, 정의한타입에 대해 나중에 쉽게 참고할수 있게 이름을 부여하는 것.
• 타입별칭과 인터페이스의 가장 큰 차이점 : 인터페이스는 확장 가능 / 타입 별칭은 확장 불 가능. (그래서 가능하면 타입별칭 보다는 인터페이스로 선언하는게 좋음.)
• 아래와 같이 선언했을때 프리뷰를 살펴보면..

• 인터페이스로 선언한 타입 프리뷰.

• 타입 별칭으로 선언한 타입의 프리뷰.