상대 시간 포매터
시간
브라우저 내장 `Intl.RelativeTimeFormat` 실시간 미리보기. 대상 날짜와 기준(기본: 지금, 매초 갱신) 선택 → 선택한 로케일로 포맷된 상대 문자열 표시. `auto` numeric으로 언어가 지원하면 `어제`·`지난주` 같은 표현, `always`로 강제하면 `1일 전`·`1주 전`. 단위 표는 같은 차이를 각 단위로 렌더링 → UI에 어떤 입자(granularity)가 가장 자연스럽게 읽히는지 고를 때 유용.
—
사용법
- 대상 날짜 선택. 기준은 `지금`에 두면 라이브 카운터, 체크 해제 시 고정 두 날짜 비교.
- 로케일 전환 → 스페인어·한국어·아랍어 등이 같은 차이를 어떻게 렌더링하는지 확인. 구문 모양 자주 바뀜(RTL·조사·성별 명사).
- 단위 표로 입자 옆에 나란히 비교 → 인터페이스에서 가장 자연스럽게 읽히는 것 선택.
자주 묻는 질문
- `numeric: auto`와 `always` 차이?
- `auto`는 가능할 때 관용 표현 반환 — `1일 전` 대신 `어제`, `1주 전` 대신 `지난주`. `always`는 숫자 강제 → 보통 리터럴 기간 표시에 원하는 것. 채팅 스타일 타임스탬프 원하는 UI엔 보통 `auto`.
- 같은 차이가 다른 단위 주는 이유?
- 메인 출력은 절댓값 ≥ 1인 가장 큰 단위 선택 → 90분은 `90분 전` 가능해도 `1시간 전`으로 표시. 단위 표로 모든 옵션 확인 가능.