Post

타입스크립트 - interface

@interface

  • 오브젝트의 모양을 특정할 때만 사용가능
  • React에서 많이 사용
  • type보다 객체지향형 프로그래밍과 유사
1
2
3
4
5
6
// Type
type Player = {
  nickname: string,
  team: Team,
  health: Health
};
1
2
3
4
5
6
// interface
interface Player {
  nickname: string;
  team: Team;
  health: Health;
}
  • 각각 인터페이스를 만들어도, 타입스크립트가 하나로 합쳐줌
  • Type는 불가능
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
interface User {
  name: string;
}
interface User {
  lastName: string;
}
interface User {
  health: number;
}

const person: User = {
  name: "name",
  lastName: "lastname",
  health: 1
};
1
2
3
4
5
6
7
// Error!
type User = {
  name: string
};
type User = {
  lastName: string
};
This post is licensed under CC BY 4.0 by the author.