"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > TypeScript 유틸리티 유형: 코드 재사용성 향상

TypeScript 유틸리티 유형: 코드 재사용성 향상

2024-11-02에 게시됨
검색:910

TypeScript는 개발자가 유형을 효과적으로 변환하고 재사용할 수 있는 내장 유틸리티 유형을 제공하여 코드를 더욱 유연하고 DRY하게 만듭니다. 이 기사에서는 TypeScript 기술을 다음 단계로 끌어올리는 데 도움이 되는 Partial, Pick, Omit 및 Record와 같은 주요 유틸리티 유형을 살펴보겠습니다.

부분: 모든 속성을 선택적으로 만들기
부분 유틸리티 유형은 유형의 모든 속성을 선택 사항으로 변환하므로 객체 업데이트를 처리할 때 유용합니다.

interface User {
  name: string;
  age: number;
}

const updateUser = (user: Partial) => {
  // Now we can update only the properties we want
};

Pick: 특정 속성 선택
Pick을 사용하면 기존 유형에서 속성의 하위 집합을 선택하여 새 유형을 만들 수 있습니다.

type UserDetails = Pick;

생략: 속성 제외
Pick과 반대로 Omit 유형은 특정 속성을 제외하므로 몇 가지 필드가 제거된 유형이 필요할 때 유용할 수 있습니다.

type UserWithoutAge = Omit;

Record: 키-값 쌍으로 객체 정의
Record를 사용하면 키가 특정 유형이고 모든 값이 동일한 유형을 공유하는 객체 유형을 정의할 수 있습니다.

type UserRoles = Record;

const roles: UserRoles = {
  admin: true,
  user: false,
};

결론
TypeScript의 유틸리티 유형은 유형을 효과적으로 조작하고 재사용할 수 있는 강력한 도구를 제공하여 코드를 더욱 모듈화하고 재사용 가능하게 만듭니다. 이러한 유틸리티를 익히면 더욱 깔끔하고 유지 관리가 쉬운 애플리케이션을 작성하는 데 도움이 됩니다.


읽어주셔서 감사합니다! 프로젝트에서 유틸리티 유형을 사용하는 방법에 대한 귀하의 생각을 알려주십시오.
내 웹사이트:https://shafayet.zya.me


당신을 위한 밈이 있나요?

TypeScript Utility Types: Enhancing Code Reusability


릴리스 선언문 이 글은 https://dev.to/shafayeat/typescript-utility-types-enhancing-code-reusability-507g?1에서 복제됩니다.1 침해 내용이 있는 경우, [email protected]으로 연락하여 삭제하시기 바랍니다.
최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3