다중 확장에 대한 추가내용

한 입 크기로 잘라먹는 타입스크립트(TypeScript)

인터페이스 확장하기

해결된 질문

작성

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

interface Dog extends Animal {
 name:'멍뭉이';
 isBark: boolean;
}

interface Cat extends Animal {
 isScratch : boolean;
}

interface DogCat extends Dog, Cat {
// 해당 상속은 에러가 발생합니다. 
}

interface DogCat의 에러가 발생하는 이유는
Dog 및 Cat 형식을 동시에 확장할 수가 없기 때문입니다.

Dog 에서는 상속받은 name 프로퍼티를 string 리터럴로 재정의 했기 때문에 Cat 에서 상속받은 name 과 같지 않기 때문에 이부분도 같이 알면 좋을듯 싶습니다.

혹시나 잘못된 지식 공유가 있다면 말씀해주시면 수정하겠습니다~!

typescript

답변 2

이정환 Winterlood

지식공유자

안녕하세요 이정환입니다.

넵 맞습니다 ㅎㅎ! 해당 내용은 우리 강의의 인터페이스 합치기 챕터에서 충돌 이라는 이름으로 다루고 있습니다. 자세한 내용은 인터페이스 합치기 챕터의 1분 50초 경을 참고해보시면 좋겠습니다 😃

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. hollis9797님.

타입스크립트에서의 다중 상속 문제에 대해 질문해주셨네요. interface DogCat 선언 시 에러가 발생하는 이유는 타입스크립트에서 다중 확장을 사용할 때, 확장되는 모든 인터페이스의 속성 타입이 서로 호환되어야 하기 때문입니다.

왜 에러가 발생하나요?

Dog 인터페이스에서 name 속성의 타입을 '멍뭉이'라는 문자열 리터럴 타입으로 제한했기 때문에, Animal이 상속한 name: string과는 호환되지 않습니다. 즉, Dog는 name을 구체적인 문자열로 정의하고 있지만, Cat은 name을 좀 더 일반적인 string 타입으로 쓰고 있기 때문에 양쪽을 동시에 만족시키지 못해 다중 확장이 불가능하게 됩니다.

해결책은 어떻게 되나요?

이 경우 여러 가지 방법이 있습니다:
1. Dog와 Cat에서 name에 대해 같은 타입을 사용하도록 수정합니다.
2. 다중 확장을 피하고, 타입을 통합하는 다른 패턴을 사용합니다.

비슷한 질문이 다루어진 게시글 링크:

타입스크립트 인터페이스 다중 상속 문제

이런 다중 상속 문제는 클래스와 인터페이스를 설계할 때 자주 나타날 수 있으니, 각 속성에 대해 잘 계획하는 것이 중요합니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

인프런 커뮤니티 질문&답변