Moment.js는 JavaScript에서 날짜 및 시간을 다루기 위한 유용한 라이브러리입니다. 이번 포스트에서는 Moment.js의 상대적인 시간 표시 기능에 대해 알아보겠습니다.

Moment.js란?

Moment.js는 JavaScript에서 날짜와 시간을 다루기 위한 강력하고 유연한 라이브러리입니다. 이 라이브러리를 사용하면 다양한 날짜 및 시간 형식을 파싱하고 조작할 수 있습니다.

상대적인 시간 표시 기능

Moment.js는 상대적인 시간 표시 기능을 제공합니다. 이 기능을 사용하면 현재 시간으로부터 얼마나 이전이나 이후인지를 표시할 수 있습니다. 아래는 Moment.js를 사용하여 상대적인 시간을 표시하는 예제 코드입니다.

const now = moment(); // 현재 시간
const future = now.add(1, 'hour'); // 현재 시간에서 1시간 이후

const relativeTime = future.fromNow(); // 현재 시간으로부터의 상대적인 시간
console.log(relativeTime); // "in an hour"

const past = now.subtract(30, 'minutes'); // 현재 시간에서 30분 이전
const relativeTime2 = past.fromNow(); // 현재 시간으로부터의 상대적인 시간
console.log(relativeTime2); // "30 minutes ago"

위의 코드에서 moment() 함수를 사용하여 현재 시간을 가져오고, add() 및 subtract() 함수를 사용하여 상대적인 시간을 계산합니다. 그리고 fromNow() 함수를 호출하여 상대적인 시간을 가져와 출력합니다.

결론

Moment.js의 상대적인 시간 표시 기능을 사용하면 현재 시간으로부터 얼마나 이전 또는 이후인지를 표시할 수 있습니다. 이는 웹 애플리케이션에서 다양한 시간 관련 기능을 구현할 때 유용하게 사용될 수 있습니다.

참고 자료

Moment.js 공식 문서: https://momentjs.com/docs/