inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

서로소 유니온 타입

서로소 유니온 타입 질문

해결된 질문

173

Hugh Park

작성한 질문수 5

0

저 Admin ,Member,Guest 타입들을 예시로 두어서 설명해주셨는데 , 리터럴 string 값을 갖고 있는 tag 프로퍼티를 각각 넣어줌으로써 각자 admin,Member,Guest 가 서로 접점이 없어지게 되었다고 구조를 설명해주셨는데 , 근데 name이라는 겹치는 부분이 있기 때문에 서로 교집합이 이루어질 수 있는 부분이 있는거 아닌가요 ?

typescript

답변 2

0

이정환 Winterlood

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

type Admin = {
  tag: "ADMIN";
  name: string;
  kickCount: number;
};

type Member = {
  tag: "MEMBER";
  name: string;
  point: number;
};

type Guest = {
  tag: "GUEST";
  name: string;
  visitCount: number;
};

말씀하신대로 name이라는 프로퍼티를 공통으로 가질 수 있는건 맞습니다. 그러나 그것이 Admin, Member, Guest 타입간의 교집합으로 설명되기는 조금 어렵습니다.

교집합 이라는 것은 세 집합에 모두 포함될 수 있는 요소를 말합니다. 따라서 세 집합(타입)에 모두 포함되기 위해서는 name 프로퍼티만 가지고 있어야 하는것이 아닌, 그 외의 프로퍼티도 모두 다 가지고 있어야 합니다.

예를 들어 { name : "이정환" } 이라는 객체 값은 name 프로퍼티를 가지고 있긴 하지만 그외의 프로퍼티는 가지고 있지 않으므로 Admin, Member, Guest 어디에도 포함되지 않는 값이 됩니다.

0

인프런 AI 인턴

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

질문 주신 내용은 타입스크립트에서 서로소 유니온 타입(Disjoint Union Type)에 관한 것이네요. 서로소 유니온 타입은 일반적으로 특정한 식별자나 구별할 수 있는 프로퍼티를 가지기 때문에 서로 다른 타입의 객체를 명확하게 구분할 수 있습니다.

서로소 유니온 타입 개념

타입스크립트에서 서로소 유니온 타입은 고유한 ‘태그’ 또는 ‘식별자’를 통해 서로 다른 타입을 구분합니다. 예를 들어 Admin, Member, Guest라는 세 타입이 있다고 하면, 각각의 타입에 tag: 'admin' | 'member' | 'guest'라는 프로퍼티를 포함시켜 서로 구분할 수 있게 만들 수 있습니다.

교집합이 발생하지 않는 이유

name과 같은 공통된 프로퍼티가 존재할 수 있지만, 이 경우 중요한 것은 식별 가능한 프로퍼티가 각 타입에 있어 해당 타입을 구별하게 만들어 주는 것입니다. name은 단지 부가적인 정보일 뿐, 어떤 타입인지 구별할 수 있는 결정적인 요소는 아닙니다.

따라서 타입스크립트는 tag 같은 식별자를 사용하여 각 객체가 어떤 타입에 속하는지를 명확하게 인지할 수 있으며, 이는 컴파일러가 코드의 안정성을 높이는 데 도움을 줍니다.

참고할 링크

질문자님의 궁금증을 해결하는 데에 도움이 되었길 바랍니다. 😄

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

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

0

25

2

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

0

62

1

호출 시그니처 질문

0

65

2

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

0

75

2

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

0

65

1

할인쿠폰 관련하여

0

157

2

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

0

94

2

안녕하세요 이정환님!

0

91

1

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

0

79

2

함수 타입 호출 시그니처

0

57

1

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

0

64

2

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

0

118

4

마우스 호버 시 정보

0

92

2

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

1

89

2

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

0

83

2

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

0

136

2

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

0

100

2

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

0

128

1

type: module

0

97

2

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

0

76

1

슈퍼타입질문

1

62

2

프로젝트 설치

0

103

2

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

0

69

2

함수는 함수타입? 객체타입??

1

95

2