초 단위로 비즈니스에서 사용하는 여러 형태로 Formatting을 해주는 유틸입니다.
여러 형태는 enum으로 관리하며 SecondFormats 이란 이름입니다.
| name | type | description |
|---|---|---|
get |
(SecondFormats) => Formatter |
타입에 맞는 Formatter를 반환 |
format |
(number, SecondFormats) => string |
타입에 맞게 초를 포매팅 |
invalidateIntervalSec |
number |
각 포맷의 UI에서 다시 그려져야 하는 최소 interval(초)를 반환 |
리액트 컴포넌트이며 현재 시점부터 미래의 시점까지 남은 시간을 여러 포맷을 이용해 동적으로 변화시키며 보여줄 때 유용합니다.
| name | type | description | default |
|---|---|---|---|
dueDate |
string |
ISO8601 형태의 미래 시각을 의미하는 문자열 | |
secondsFormat |
SecondFormats? |
due_date |
|
children |
(result: string, remainSec: number) => ReactElement |
포매팅된 시간 문자열을 인자로 전달받아 렌더링 하는 함수 |