상대 시간 포매터

브라우저에 내장된 Intl.RelativeTimeFormat을 실시간으로 살펴보는 작업대입니다. 대상 날짜와 기준 시각을 고르면(기준은 기본값이 '지금'이고 1초마다 갱신됩니다) 선택한 로케일로 서식화된 문자열이 나옵니다. 단위 표는 같은 시간 차이를 초·분·시·일·주·월·분기·연으로 한꺼번에 렌더링해 주므로, 특정 화면에서 어느 단위가 가장 잘 읽히는지 가장 빠르게 판단할 수 있습니다.

흥미로운 동작은 numeric 옵션에 있습니다. always를 쓰면 산수 그대로의 형태가 나옵니다. 1 day ago, in 1 day, 그리고 차이가 0일 때는 다소 어색한 in 0 days까지 그대로입니다. auto를 쓰면 해당 언어에 단어가 있는 경우 그 단어로 바뀝니다. 영어라면 yesterday, today, tomorrow, last week, last quarter가 나오고, 한국어라면 어제가 나옵니다. 영어보다 더 멀리 가는 언어도 있습니다. 스페인어는 이틀 전을 anteayer라는 한 단어로 돌려줍니다. 다국어 화면에서 auto를 써야 하는 이유가 이것입니다. 영어 문장을 번역한 결과가 아니라 각 언어 고유의 관용 표현을 그대로 얻을 수 있습니다.

이 API는 복수형 일치도 처리합니다. 직접 만든 서식기가 언제나 틀리는 부분이 바로 여기입니다. 러시아어는 2 дня назад이지만 5 дней назад이고, 폴란드어·아랍어·웨일스어에는 각자의 분류 체계가 있습니다. 번역된 문자열에 숫자를 끼워 넣는 템플릿으로는 이를 표현할 수 없고, 그래서 이 서식기가 여러분의 코드가 아니라 플랫폼 쪽에 존재합니다.

의도적으로 하지 않는 일이 하나 있는데, 단위를 골라 주지 않는다는 것입니다. 값과 단위를 넘기면 넘긴 그대로 서식화합니다. 소수도 그대로여서 day 단위에 -1.5를 넘기면 1.5 days ago가 나옵니다. 단위를 고르고 반올림하는 일은 여러분의 코드 몫이고, 그 일에는 한 가지 미묘한 지점이 있습니다. 대부분의 화면에서 "어제"는 24시간 전이 아니라 달력상 전날을 뜻합니다. 화요일 오전 1시에 월요일 밤 11시 사건은 산수로는 두 시간 전이고, 이 서식기는 그렇게 말합니다. "어제"라고 말하게 하려면 단위를 정하기 전에 사용자 시간대의 달력 날짜끼리 비교해야 합니다. 여기 단위 표는 모든 단위에 대한 산수 결과를 보여 주므로 그 어긋남을 눈으로 확인하기 쉽습니다.