<aside> 📌 인터페이스 선언을 통해 객체 타입에 이름을 붙이는 방법

</aside>

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

const person: Person = {
	name: 'Lee',
	age: 30
}

• 인터페이스 속성은 콤마, 세미콜론, 줄바꿈으로 구분할 수 있다.
• 하나의 일관된 방식으로 사용할 것을 권장 → 세미콜론

함수와 배열도 인터페이스 선언을 통해 타이핑할 수 있다.

[NOTE] 그러나 배열을 정확하게 구현하기 위한 인터페이스는 다음 절에서 다룬다

interface AddFunc {
	(x: number, y: number): number:
}

const addFunc: AddFunc = (x, y) => x + y;

interface Arr {
	length: number;
	[key: number]: string; // length를 제외한 모든 속성 키가 number
}

const arr: Arr = ['3', '2', '1'];

• 인덱스 시그니처 [key: number]
  • length 를 제외한 속성 키가 모두 number 임을 의미함
• arr.slice 와 같은 배열의 메서드를 사용할 수 없음
  • 이후 다룰 예정

객체의 속성 키는 문자열과 심볼만 가능하지 않나?

• 타입스크립트에서는 배열의 타이핑을 위해 속성 키를 number로 하는 것을 허용한다.
• 즉 타입스크립트의 객체의 속성 키는 string, symbol, number
  • 자바스크립트에서는 number가 string으로 변환된다.
• 예시

속성이 없는 인터페이스는 null과 undefined를 제외한 값을 대입할 수 있다.

• 일반적으로 속성이 없는 인터페이스를 만들리가 없기 때문에