[TS] 인터페이스2

mokyoungg·2021년 3월 31일

ts typescript 인터페이스 타입스크립트

타입스크립트 공부

목록 보기

6/10

Interface

인터페이스는 우리가 그것을 사용하는 객체가 어떻게 보여야 하는지를 설명하는 객체의 구조이다.
또한 클래스 등이 특정 계약(contract)을 충족시키도록 명시적으로 강제하는 방법이다.

인터페이스 정의
interface 인터페이스의 이름

interface는 계약이며 이를 사용하는 클래스(또는 객체, 함수)는 이를 따라야 한다.
인터페이스 역시, 클래스와 마찬가지로 extends로 상속이 가능하다.

객체와 인터페이스

인터페이스 Person을 객체 p1와 p2의 타입으로 설정하였다.
인터페이스에서 설정한 계약은 name의 값은 문자열로, age의 값은 숫자로 타입을 지정한 것이다.
객체 p2의 경우, age의 값을 문자열로 할당하였는데 이 경우에 인터페이스에서 정한 계약을 위반하여 오류가 발생한 것이다.

선택 속성

선택 속성은 객체에서 없어도 되는 속성을 말한다.
선택 속성은 물음표 기호를 사용한다.

인터페이스에서 number의 값을 선택 속성으로 정의하였다.
이는 값이 없어도 된다는 뜻이므로 객체 p1에선 age를 할당하지 않아도 오류가 일어나지 않는다. 이와는 달리 객체 p2에선 age에 문자열을 할당하니 오류가 발생하였다. 선택속성을 사용하는 것은 값이 없어도 된다는 뜻이지만 달라도 된다는 것은 아니다.

정의되지 않은 값

인터페이스에서 정의되지 않은 값을 객체에서 새로 할당하는 것 역시 인터페이스의 계약 위반이다.
인터페이스에선 해당하는 값이 없기 때문이다.

클래스와 인터페이스

class 클래스이름 implements 인터페이스 이름

클래스 User를 인터페이스 Greetable과 함께 정의하였다.
인터페이스 Greetable은 인터페이스 Named 를 상속한 하위 인터페이스이며 name이라는 값의 타입을 문자열로 지정한 설정을 가지고 있다. 즉, name의 값은 문자열이 와야 한다는 '특정 계약'을 가진 인터페이스이며 이를 클래스와 사용했다면 name의 값은 반드시 문자열이 와야 한다.

위의 코드는 Greetable 인터페이스를 가지고 왔으나 해당 클래스에서 name의 타입으로 숫자를 지정하려 하였고 인터페이스의 계약 때문에 오류가 발생하였다.

위의 코드는 클래스 User에 선언한 메서드 greet에 오류가 발생하였다. 이것 역시 인터페이스에서 정한 계약을 위반하여 발생한 오류이다. 인터페이스 Greetable에서 greet 메서드는 문자열을 인자로 받아 문자열을 반환하는 메서드로 정의하였는데 클래스 User에선 greet 메서드를 문자열이 아닌 void 형식을 반환하여 오류가 발생하였다.