소개

TypeScript에서 인터페이스는 코드의 구조를 정의하는 데 사용됩니다. 이 글에서는 TypeScript에서 인터페이스를 상속하고 확장하는 방법에 대해 알아봅니다.

인터페이스 상속

인터페이스는 다른 인터페이스를 상속하여 확장할 수 있습니다. 기존 인터페이스의 멤버를 포함하면서 추가적인 멤버를 정의할 수 있습니다.

다음은 인터페이스 상속의 예시입니다.

interface Shape {
  color: string;
}

interface Square extends Shape {
  sideLength: number;
}

위의 예시에서 Square 인터페이스는 Shape 인터페이스를 상속하여 color 속성을 포함하고 있습니다.

멤버 확장

인터페이스는 상속된 멤버들을 추가로 확장할 수 있습니다.

다음은 멤버 확장의 예시입니다.

interface Shape {
  color: string;
}

interface Square extends Shape {
  sideLength: number;
}

interface ColoredSquare extends Square {
  borderColor: string;
}

위의 예시에서 ColoredSquare 인터페이스는 Square 인터페이스를 상속하며, borderColor 속성을 추가로 정의합니다.

이와 같이 TypeScript에서는 인터페이스를 유연하게 상속하고 확장하여 코드의 유지보수와 가독성을 높일 수 있습니다.

결론

TypeScript에서는 인터페이스를 상속하여 새로운 인터페이스를 정의할 수 있습니다. 상속된 인터페이스의 멤버를 포함하면서 추가적인 멤버를 정의하여 코드를 보다 명확하고 유연하게 구성할 수 있습니다.

참고문헌: TypeScript Handbook - Interfaces

이상으로 TypeScript의 인터페이스 상속과 확장에 대해 알아보았습니다. 감사합니다!