연권
달콘박스
연권
전체 방문자
56,749
오늘
2
어제
102
  • 전체 (308)
    • Web (22)
      • JavaScript (8)
      • TypeScript (2)
      • Node.js (8)
      • HTML (0)
      • CSS (0)
      • Network (1)
      • Browser (0)
      • Patterns (3)
    • Framwork (4)
      • Vue.js (3)
      • Electron (1)
    • Infra&DevOps (1)
    • Algorithm (246)
    • Database (16)
    • Review (15)
    • Test (4)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

  • 소인수분해 알고리즘 [ javascript ]
    2021.09.08
    소인수분해 알고리즘 [ javascript ]
  • Vue.js에서 infinite scroll 구현하기
    2021.05.27
    Vue.js에서 infinite scroll 구현하기
  • 구름IDE 에서 MySQL 사용하기
    2020.01.09
    구름IDE 에서 MySQL 사용하기
  • JMeter로 REST API 자동 테스트 하기2
    2021.06.24
    JMeter로 REST API 자동 테스트 하기2
  • JMeter로 REST API 자동 테스트 하기1
    2021.06.22
    JMeter로 REST API 자동 테스트 하기1

태그

  • java
  • 백준
  • 정렬
  • 백준ㅇ
  • 동적계획법
  • sql
  • 진수
  • DP
  • BFS
  • 재귀
  • 알고리즘
  • 진법
  • 코딩테스트 연습
  • MySQL
  • 백트레킹
  • typescript
  • javascript
  • 스택
  • 프로그래머스
  • 문자열

최근 댓글

  • 포스팅 잘 보고 가요!
    아이폰 14 pro max
  • 감사합니다 수정하였습니다 :)
    연권
  • mysql.cnf 가 니라 mysqld.cnf 입니다.!!
    ㅇㅇ
  • 안녕하세요. 포스팅 감사합니다.. 저도 Vue-infin⋯
    지돌이
  • 안녕하세요 42서울 재웅시가 가능한가요?
    예나

최근 글

  • Observer Pattern
    2022.06.21
    Observer Pattern
  • Proxy Pattern (JavaScript)
    2022.06.07
    Proxy Pattern (JavaScript)
  • Singleton Pattern (JavaScript)
    2022.06.07
    Singleton Pattern (JavaScript)
  • 타입 좁히기 (Type Guard)
    2022.05.21
    타입 좁히기 (Type Guard)
  • 라인 플러스 면접 후기
    2022.05.13

티스토리

hELLO · Designed By 정상우.
연권

달콘박스

TypeScript Intersection & Union
Web/TypeScript

TypeScript Intersection & Union

2022. 5. 4. 23:40
반응형

타입스크립트의 타입은 타입들의 집합을 표현해 타입의 범위를 명확하게 표현하는 것입니다.

 

아래 코드를 Intersection(교집합)을 사용한 코드를 살펴봅시다.

 

Intersection

처음 코드를 보았을 때 Person은 name을 갖고 있고 Lifespan은 birth와 death 프로퍼티를 갖고 있기 때문에 교집합이 없어서 never(공집합)이라고 생각했습니다.

 

아래 Union(합집합) 코드도 살펴봅시다.

 

Union

합집합이기 때문에 모든 property를 갖고 있어야하지 않나? 생각할 수 있지만 그렇지 않습니다.

 

type의 집합이기 때문에 interface를 정의하면 아래와 같습니다.

 

 

반응형
저작자표시 동일조건
  • 카카오스토리
  • 트위터
  • 페이스북

'Web > TypeScript' 카테고리의 다른 글

타입 좁히기 (Type Guard)  (0) 2022.05.21
    'Web/TypeScript' 카테고리의 다른 글
    • 타입 좁히기 (Type Guard)
    Intersection, typescript, union
    연권
    연권
    댓글쓰기
    타입 좁히기 (Type Guard)
    다음 글
    타입 좁히기 (Type Guard)

    티스토리툴바