연권
달콘박스
연권
전체 방문자
오늘
어제
  • 전체 (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)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

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

최근 댓글

최근 글

티스토리

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)
    연권
    연권

    티스토리툴바