데브머리큐

  • 홈
  • 태그
  • 방명록

Distributive Conditional Types 1

TypeScript: NestedKeysType 만들어 사용하기

아래와 같은 객체에서 "B" | "C" | "D" | "G" | "H" | "A" | "E" 와 같은 Union Type을 추출하려면 어떻게 해야 할까요? 원하는 값을 얻기 위해서 꽤 긴 시간을 삽질을 한 것 같아요. 저는 단순히 TypeScript에서 제공하는 keyof 라는 값과 ValueOf 라는 제네릭 타입을 만들어서 조합하면 원하는 결과가 나올 것이라 생각했습니다. "B" | "C" | "D" | "G" | "H" | "A" | "E" 타입을 추출하는 것은 쉽지 않더군요. 먼저 fisrt와 second 객체를 뽑아내기 위하여 아래와 같은 ValueOf 라는 제네릭 타입을 만들어 주었습니다. type ValueOf = T[keyof T]; 해당 타입을 활용하면 결과는 이렇습니다. 이제 Exampl..

개발/Today I Learned 2022.04.09
1
더보기
프로필사진

개발 지식을 한 올 한 올 모아 풍성하게! somedaycode@gmail.com https://github.com/somedaycode

  • 분류 전체보기 (31)
    • 회고 (2)
    • 개발 (18)
      • Today I Learned (15)
      • 아티클 (2)
      • 장점 뽑아먹기 (1)
    • Books (10)
      • 실용주의 프로그래머 (5)
      • 객체지향의 사실과 오해 (5)
    • 메모 (0)
    • 프로젝트 (0)
      • Spotify-Artists-Network (0)

Tag

jest, 테스트코드, Vue, 개발자, 프로그래밍, TypeScript, 개발, 노개북, 회고, 노마드코더, 프론트엔드, react, 노마드 북클럽, Til, 주니어 개발자, 노마드북클럽, 실용주의 프로그래머, 책 리뷰, 객체지향의 사실과 오해, JavaScript,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

Archives

Calendar

«   2026/01   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :
Github

Copyright © somedaycode All rights reserved.

  • Github

티스토리툴바