@teamturing/timer

Usage

SecondsFormatter

초 단위로 비즈니스에서 사용하는 여러 형태로 Formatting을 해주는 유틸입니다.

여러 형태는 enum으로 관리하며 SecondFormats 이란 이름입니다.

| name | type | description | | ----------------------- | ----------------------------------- | ------------------------------------------------------------ | | get | (SecondFormats) => Formatter | 타입에 맞는 Formatter를 반환 | | format | (number, SecondFormats) => string | 타입에 맞게 초를 포매팅 | | invalidateIntervalSec | number | 각 포맷의 UI에서 다시 그려져야 하는 최소 interval(초)를 반환 |

DueDateText

리액트 컴포넌트이며 현재 시점부터 미래의 시점까지 남은 시간을 여러 포맷을 이용해 동적으로 변화시키며 보여줄 때 유용합니다.

| name | type | description | default | | --------------- | ----------------------------------------------------- | ------------------------------------------------------- | ---------- | | dueDate | string | ISO8601 형태의 미래 시각을 의미하는 문자열 | | | secondsFormat | SecondFormats? | | due_date | | children | (result: string, remainSec: number) => ReactElement | 포매팅된 시간 문자열을 인자로 전달받아 렌더링 하는 함수 | |