인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

rainguy1님의 프로필 이미지
rainguy1

작성한 질문수

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

keyof 연산자

타입을 유니온으로 만들어서 ts로 만들고 해당 타입을 다른곳에서 import해서 쓸때 타입을 일부만 쓰고 싶습니다.

해결된 질문

작성

·

477

·

수정됨

0

BadgeTypes.ts

type BadgeTypes = | "ing" | "d-day" | "end" | "vq" | "new" | "hot" | "pick" | "start" | "pass" | "test";

 

 

components.tsx

 

import type { BadgeTypes } from './BadgeTypes';

 

//여기서 | "ing" | "d-day" | "end" 이렇게 3가지만 쓰고 싶다면 어떻게 사용하는게 좋을가요?

답변 2

1

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

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

질문자님께서 이미 정답을 찾으셨군요!

맞습니다 다음과 같이 T로부터 K만 추출하는 유틸리티 타입인 Extract 타입을 이용하시면 됩니다!

type tBadgeType = Extract<BadgeTypes, "new" | "hot" | "pick">;

1

rainguy1님의 프로필 이미지
rainguy1
질문자

type tBadgeType = Extract<BadgeTypes, "new" | "hot" | "pick">;
rainguy1님의 프로필 이미지
rainguy1

작성한 질문수

질문하기