<aside> 💡 인터페이스에 대해서 알아보자! 👊

</aside>

Interface

일반적으로 인터페이스란? 타입 체크를 위해 사용되며 변수, 함수, 클래스에 사용할 수 있다. 인터페이스는 여러가지 타입을 갖는 프로퍼티로 이루어진 새로운 타입을 정의하는 것과 유사하다.

ES6는 인터페이스를 지원하지 않지만, TypeScript는 인터페이스를 지원한다.

TypeScript 에선 interface를 이용해 객체의 타입을 지정해둘 수 있다.

interface Product{
	id: string;
  name: string;
  price: number;
}

const product : Product  = {
	id: '바르라';
  name: '김춘자';
  price: 20;
}

대문자를 이용해서 만드는것을 권장하며 반복되는 타입형태를 저장하여 편하게 코드를 작성 할 수 있다. 또한 한 곳에만 추가적으로 타입이 늘어야한다면

interface 의 상속 extends 을 이용해서 코드를 작성할 수 있다.

interface Size{
	size: string;
}

interface Product extends Size {
	id: string;
  name: string;
  price: number;
}

const product : Product  = {
	id: '바르라';
  name: '김춘자';
  price: 20;
	size : 'M'
}