매번 프로젝트마다 utility 함수를 만들기는 매우 번거로운 일입니다.
Directory

typescript 로 작성하였으며 src하위에 추가할 예정입니다
Bundle
tsup을 이용하여 간단하게 번들링하였습니다
// tsup.config.js
import { defineConfig } from 'tsup';
export default defineConfig({
entry: ['src/index.ts'],
format: ['esm'],
dts: true,
splitting: false,
sourcemap: true,
clean: true,
minify: true,
});
parse.ts를 예를 들어 살펴 보겠습니다
// src/parse.ts
export function parseToNumber<T>(value: T, defaultValue = 0): number {
const parsed = Number(value);
if (Number.isNaN(parsed)) {
return defaultValue;
}
return parsed;
}
value parameter를 number타입으로 변경 시켜주는 함수입니다
자세한 소스는 여기서 확인가능합니다
https://github.com/leeyc924/leeyc-package/tree/main/packages/utils
'SideProject > Design System' 카테고리의 다른 글
| 7. Storybook (3) | 2024.02.23 |
|---|---|
| 5. ui (5) | 2024.02.13 |
| 4. icon (5) | 2024.02.08 |
| 3. npm publish (2) | 2024.02.02 |
| 2. eslint, tsconifg 설정 (3) | 2024.02.01 |