TS003. 타입과 인터페이스

타입과 인터페이스

• type 과 interface 는 타입스크립트에서 새로운 타입을 정의할 때 사용하는 가장 일반적인 키워드이다.
• type 은 타입스크립트의 타입에 이름을 지어주는 역할을 한다.
• interface 는 타입보다 훨씬 나중에 생겼다.

타입 예제

type StringType = string; // StringType 이라는 타입 선언을 하고 string 타입과 동일하게 설정할 수 있다.
type Sex = "male" | "female"; // n가지 중 하나를 선택하는 타입을 정의할 수도 있다.
type Person = {
  // 객체 형태의 타입을 정의할 수도 있다.
  name: string;
  age: number;
};

타입을 통한 추상화 전후 살펴보기

• me1 과 me2 의 타입 형태는 결국 같은데, type 을 정의하는 것과 아닌 것의 가독성 차이가 심하다.

const me1: {
  name: string;
  age: number;
} = {
  name: "jake",
  age: 10,
};

const me2: Person = {
  name: "jake",
  age: 10,
};

인터페이스 예제

• 인터페이스는 = 기호를 사용하지 않는다.

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

const me3: PersonInterface = {
  name: "Jake Seo",
  age: 30,
};

타입이나 인터페이스를 내부적으로 재참조하기

• 기존에 타입으로 정의한 것이나 인터페이스로 정의한 것을 내부적으로 계속 재참조 할 수 있다.
• 재참조를 통해 타입 코드가 장황해지지 않고 적절하게 추상화 될 수 있도록 관리할 수 있다.

interface Members {
  people: PersonInterface[];
  groupName: StringType;
}

타입과 인터페이스의 가장 큰 차이

• interface 는 선언 시 무조건 객체 형태이기 때문에 type 처럼 JS 의 primitive 타입을 나열할 수는 없다.