형식 유틸리티 라이브러리 배포하기
사용자 정의 유틸리티 형식을 npm에 패키징하고 공유합니다.
형식 유틸리티 라이브러리 배포하기은(는) CoddyKit의 무료 TypeScript Academy 강의입니다. 이것은 4개 중 4번째 강의입니다. 아래에서 전체 강의를 무료로 읽을 수 있으며, 내장 코드 에디터와 24/7 AI 튜터와 함께 브라우저에서 직접 실습할 수 있습니다. 이 강의는 TypeScript Academy 학습 경로의 일부이며, 진행 상황이 웹과 CoddyKit 앱에 동기화됩니다. TypeScript Academy 강의에는 총 4개의 강의가 포함되어 있습니다.
타입 유틸리티 라이브러리란 무엇입니까?
타입 유틸리티 라이브러리는 TypeScript 타입만 내보내며 실행 시 코드는 포함하지 않습니다. 대표적인 예로 type-fest, ts-essentials, utility-types가 있습니다.
// A type utility library exports types like:
export type DeepPartial<T> = T extends object
? { [K in keyof T]?: DeepPartial<T[K]> }
: T;프로젝트 구조
간단하게 유지하십시오. 모든 유틸리티를 다시 내보내는 단일 src/index.ts를 만들고, 선언만 출력하도록 tsconfig.json을 구성합니다.
// tsconfig.json
{
"compilerOptions": {
"declaration": true,
"emitDeclarationOnly": true,
"outDir": "dist",
"strict": true
}
}package.json을 사용하는 타입 전용 패키지
main 및 types 필드가 선언을 가리키도록 설정합니다. 트리 셰이킹을 위해 sideEffects: false를 설정합니다.
{
"name": "@myorg/type-utils",
"version": "1.0.0",
"main": "dist/index.js",
"types": "dist/index.d.ts",
"sideEffects": false,
"files": ["dist"]
}선언 생성하기
tsc를 실행하여 .d.ts 파일을 출력합니다. 타입 전용 라이브러리에서는 JS 출력이 비어 있거나 최소한의 내용만 포함합니다.
# Build declarations
npx tsc
# dist/index.d.ts is generated버전 관리 및 변경 로그
시맨틱 버전 관리를 따르십시오. 타입을 손상시키는 변경은 주 버전으로, 새로운 유틸리티는 부 버전으로, 수정 사항은 패치 버전으로 관리합니다.
# Bump version
npm version minor
# Generate changelog with conventional-changelog or changesetsnpm에 게시하기
npm publish 또는 pnpm publish를 사용하십시오. 조직 아래의 범위가 지정된 패키지의 경우 로그인되어 있고 범위가 설정되어 있는지 확인하십시오.
npm login
npm publish --access public
# or for private: npm publish --access restrictedTypeScript 버전 호환성
유틸리티에 필요한 최소 TypeScript 버전을 문서화하십시오. 재귀 조건부 타입에는 TS 4.1 이상이 필요하며, Awaited는 TS 4.5 이상부터 내장되어 있습니다.
// package.json peerDependencies
{
"peerDependencies": {
"typescript": ">=4.5"
}
}tsd로 타입 테스트하기
tsd 패키지를 사용하여 CI 실행 중 수행되는 타입 수준 테스트를 작성하고 유틸리티가 올바르게 동작하는지 확인하십시오.
import { expectType } from "tsd";
import type { DeepPartial } from "@myorg/type-utils";
expectType<DeepPartial<{ a: { b: number } }>>({ a: {} });TSDoc으로 문서화하기
타입에 /** */ JSDoc 주석을 추가하십시오. TypeDoc과 같은 도구는 이러한 주석에서 API 문서를 생성합니다.
/**
* Makes all properties of T optional at every depth.
* @example type A = DeepPartial<{ x: { y: number } }> // { x?: { y?: number } }
*/
export type DeepPartial<T> = ...모노레포 배포
모노레포에서는 타입 패키지를 워크스페이스 패키지로 게시하여 다른 앱이 npm 대신 workspace:*를 통해 사용하도록 하십시오.
// Other package's package.json
{
"dependencies": {
"@myorg/type-utils": "workspace:*"
}
}복습: 타입 라이브러리 게시
타입 유틸리티 라이브러리는 emitDeclarationOnly: true로 설정하고, src/index.ts에서 타입을 내보내며, 시맨틱 버전 관리로 버전을 관리하고, tsd로 테스트하며, TSDoc으로 문서화하고, npm 또는 워크스페이스 레지스트리에 게시합니다.
빠른 확인
JavaScript 출력 없이 .d.ts 파일만 생성하는 tsconfig 옵션은 무엇입니까?
학습 내용
타입 유틸리티 라이브러리를 게시하려면 emitDeclarationOnly, 올바른 package.json 필드, tsd를 사용한 타입 수준 테스트, TSDoc 주석, 시맨틱 버전 관리가 필요합니다. 유틸리티를 커뮤니티 또는 모노레포 전체와 공유해 보십시오.
자주 묻는 질문
“형식 유틸리티 라이브러리 배포하기” 강의는 무료인가요?
네 — “형식 유틸리티 라이브러리 배포하기” 전체 내용을 이 웹사이트에서 무료로 읽을 수 있습니다. 인터랙티브하게 실습하려면(내장 코드 에디터와 24/7 AI 튜터), CoddyKit PRO로 업그레이드하면 TypeScript Academy 강의 전체를 잠금 해제할 수 있습니다. TypeScript Academy 강의에는 총 4개의 강의가 포함되어 있습니다.
“형식 유틸리티 라이브러리 배포하기”에서 뭘 배우나요?
사용자 정의 유틸리티 형식을 npm에 패키징하고 공유합니다. 브라우저에서 직접 실행하는 실습 코드로 TypeScript Academy을(를) 배우며, 24/7 AI 튜터가 강의를 진행하면서 질문에 답변해줍니다.
TypeScript Academy을(를) 시작하는 데 경험이 필요한가요?
사전 경험은 필요하지 않습니다. CoddyKit의 TypeScript Academy은(는) 초급자부터 고급 학습자까지를 위해 구성되어 있으므로, 여기서 시작하거나 처음부터 시작할 수 있으며 자신의 속도대로 진행할 수 있습니다. 이것은 4개 중 4번째 강의입니다.
“형식 유틸리티 라이브러리 배포하기” 강의는 얼마나 걸리나요?
대부분의 CoddyKit 강의는 약 5~10분이 소요됩니다. 각 강의는 간결하고 인터랙티브하여 꾸준한 진행이 가능하며, 웹과 앱에서 중단한 부분부터 바로 시작할 수 있습니다.
이 TypeScript Academy 강의에서 코드를 작성하고 실행할 수 있나요?
네. 모든 TypeScript Academy 강의에는 내장 코드 에디터가 포함되어 있으므로, 브라우저에서 바로 실제 코드를 작성하고 실행한 후 즉시 AI 피드백을 받을 수 있습니다 — 로컬 설정이 필요 없습니다.
이 강의의 모든 강의
- DeepPartial 및 DeepReadonly
- Flatten 및 UnwrapPromise 유틸리티
- TupleToUnion 및 UnionToIntersection
- 형식 유틸리티 라이브러리 배포하기