inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

인터페이스 확장하기

다중 확장에 대한 추가내용

해결된 질문

127

hollis9797

작성한 질문수 16

0

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

0

이정환 Winterlood

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

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

 

0

인프런 AI 인턴

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

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

왜 에러가 발생하나요?

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

해결책은 어떻게 되나요?

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

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

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

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

제네릭 클래스 핸드북 페이지가 undefined라고 나옵니다.

0

7

1

적절한 타입 찾기 React.ChangeEvent<HTMLInputElemen>

0

29

2

outDir 옵션 추가 후 컴파일 오류 질문

0

64

1

호출 시그니처 질문

0

66

2

서로소 유니언 타입이 discriminated union과 동의어 인가요?

0

75

2

조건부타입소개 중 함수오버로딩 활용 시 인수의타입과 함수의 반환값의 타입이 깨지는 문제

0

67

1

할인쿠폰 관련하여

0

159

2

프론트엔드에서의 인터페이스활용

0

94

2

안녕하세요 이정환님!

0

92

1

Node.js 설치에 관한 질문입니다.

0

79

2

함수 타입 호출 시그니처

0

58

1

35강. 모듈 보강은 라이브러리 파일을 직접 편집해야 하나요?

0

64

2

인터페이스 문법이 있는데 타입 별칭 문법은 왜 있나요?

0

118

4

마우스 호버 시 정보

0

92

2

vite으로 리액트 빌드하기를 업데이트해주세요.

1

89

2

타입가드를 만들어 사용하는 이유가 궁금합니다.

0

83

2

섹션 12가 너무 어려운데... 정상이겠죠..?

0

137

2

선생님.. 알고리즘도 강의해주시면안되나요

0

100

2

선생님은 어떻게 이런걸 아세요?

0

129

1

type: module

0

97

2

7:17초 업캐스팅 질문이있습니다!

0

76

1

슈퍼타입질문

1

63

2

프로젝트 설치

0

104

2

enum은 비원시 타입이면서 열거형 타입이 되는건가요?

0

69

2