[TypeScript] 인터페이스 / 문자열 인덱스 서명

💡 TypeScript 에서 인터페이스(interface)는 일반적으로 타입 체크를 위해서 사용된다. 변수, 함수, 클래스에 사용할 수 있다. 인터페이스는 프로퍼티와 메소드를 가질 수 있다는 점에서 클래스와 유사하나 클래스처럼 직접 인스턴스를 생성할 수 없고, 메소드는 추상 메소드다.

문자열 인덱스 서명

interface Four {
  readonly three: boolean;
  four: string;
  [key:number] : string;
}
let four1: Four = { three: false, four: "four", 1: 'one' };
let four2: Four = { three: false, four: "four", 2: 'two' };

[ key: number ] : string 은 key(꼭 key가 아니어도 된다)를 number 타입으로, value를 string 타입으로 받는다.

 

좀 더 와닿는 예제를 적어보자!

interface StudentHeight {
  name: string;
  [grade: number]: number;
}
let joy = { name: "JoY", 1: 130, 2: 143, 3: 157 };

학생의 키를 기록하는 시스템이 있다고 가정하고, 학년마다 JoY라는 학생의 키를 학년마다 기록할 수 있다.