매번 프로젝트마다 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

+ Recent posts