📚 Reference

• 공식 문서 1

📜 Chapter

Day.js

RelativeTimeFormat

• RelativeTimeFormat
• Intl.RelativeTimeFormat 은 언어에 의존적인 상대 시간 형식을 사용할 수 있게 한다.
• JavaScript에서 "어제", "3일 전", "2시간 후"와 같은 상대적인 시간 표현을 사용자의 언어(로케일)에 맞춰 자동으로 번역해 주는 API이다.
• "1 day ago"나 "어제"를 조건문으로 작성할 필요 없이, 브라우저에 내장된 기능을 통해 다국어 지원을 손쉽게 할 수 있다.

특징

• 다국어 지원: 전 세계 다양한 언어의 문법에 맞는 상대 시간 표현을 제공한다.
• 유연한 옵션: 숫자 표현 방식(always, auto)이나 스타일(long, short, narrow)을 설정할 수 있다.
• 성능: 브라우저 내장 기능을 사용하므로 별도의 외부 라이브러리(Moment.js 등) 없이도 가볍고 빠르게 동작한다.

사용 방법

// 1. 객체 생성 (한국어 설정)
const rtf = new Intl.RelativeTimeFormat('ko', {
  numeric: 'auto' // 'always'는 "-1일 전", 'auto'는 "어제"로 표시
});

// 2. 형식 맞추기 (값, 단위)
console.log(rtf.format(-1, 'day'));    // "어제"
console.log(rtf.format(1, 'day'));     // "내일"
console.log(rtf.format(-2, 'month'));  // "2달 전"
console.log(rtf.format(3, 'year'));    // "3년 후"