[TS] 유틸리티 타입

유틸리티 타입을 활용하여 타입 중복 선언 제거Props 타입과 styled-components 타입은 똑같은 타입으로 두 타입을 각각 선언하면 중복된 코드가 생긴다. 그리고 타입이 변경되면 두 타입을 모두 변경해줘야 하는 번거러움이 발생한다.유틸리티 타입인 Pick 을 활용하면 중복된 코드를 작성하지 않아도 되고 유지보수를 더욱 편리하게 할 수 있다. 이외에도 상속받는 컴포넌트 혹은 부모 컴포넌트에서 자식 컴포넌트로 넘겨주는 props 등에도 활용할 수 있다.// 컴포넌트export type Props = { height?: string; color?: string; isFull?: boolean; className?: string;};const Hr: FC = ({ height, color, i..

• format_list_bulleted TypeScript
• · 2025. 1. 27.
• textsms

[TS] Pick, Omit, Select, Remove

타입스크립트에서는 기존 타입에 기반해 새 타입을 만들 수 있으므로 파생형을 일일이 유지보수하지 않고 최신으로 유지할 수 있다. 대표적으로 Pick 과 Omit 헬퍼 타입이 있다.매핑된 타입 Pick 은 객체의 키 하위 집합을 가져다 선택한 키만을 포함하는 새 객체를 만든다.type Pick = { [P in K]: T[P];}type PersonName = Pick;type PersonStrings = Pick;Omit 은 포함하고 싶지 않은 프로퍼티 집합으로 매핑한다. 이를 통해 특정 프로퍼티를 제거할 수 있다.type Omit = { [P in Exclude]: T[P];}type PersonWithoutAge = Omit;프로퍼티 키를 매핑할 때 조건부 타입과 타입 어서션을..

• format_list_bulleted TypeScript
• · 2025. 1. 15.
• textsms