Colin's Blog
[javascript] Moment.js의 다국어 지원 기능

Moment.js는 자바스크립트 기반의 라이브러리로, 날짜와 시간을 다루는 기능을 제공합니다. Moment.js는 다국어 지원 기능을 제공하여, 여러 언어로 날짜와 시간을 표시할 수 있습니다.

다국어 지원 설정하기

Moment.js에서 다국어를 지원하기 위해서는 해당 언어의 로케일 정보를 추가로 로드해야 합니다. 이를 위해, Moment.js의 locale 메소드를 사용합니다. 예를 들어, 한국어를 사용하기 위해서는 다음과 같이 설정합니다:

moment.locale('ko');

위의 코드를 실행하면, Moment.js는 한국어로 날짜와 시간을 표시할 수 있도록 설정됩니다.

다국어로 날짜 형식 지정하기

Moment.js는 로케일에 따라 다른 날짜 형식을 표시할 수 있습니다. 예를 들어, 한국어로 날짜를 표시하고 싶다면 locale 메소드를 사용하여 한국어를 설정한 후, format 메소드를 사용하여 날짜 형식을 지정할 수 있습니다. 다음은 한국어로 날짜를 “년-월-일” 형태로 표시하는 예제입니다:

moment.locale('ko');
var date = moment('2022-01-01');
console.log(date.format('LL'));

위의 코드를 실행하면, “2022년 1월 1일”과 같이 한국어로 표시된 날짜가 출력됩니다.

다국어로 상대적인 시간 표시하기

Moment.js는 로케일에 따라 상대적인 시간 표시도 다르게 지원합니다. 예를 들어, “1분 전” 혹은 “2시간 후”와 같이 상대적인 시간을 표시하고 싶다면, fromNow 메소드를 사용할 수 있습니다. 다음은 한국어로 “5일 전”과 같이 상대적인 시간을 표시하는 예제입니다:

moment.locale('ko');
var date = moment('2022-01-01');
console.log(date.fromNow());

위의 코드를 실행하면, “5일 전”과 같이 한국어로 표시된 상대적인 시간이 출력됩니다.

번역된 로케일 파일 사용하기

Moment.js에서는 다양한 언어의 로케일 파일을 제공합니다. 더 많은 언어를 지원하기 위해서는 Moment.js의 공식 GitHub 저장소에서 로케일 파일을 다운로드하고, 프로젝트에 추가해야 합니다. 예를 들어, 한국어 로케일 파일을 다운로드하고 사용하려면 다음과 같이 합니다:

  1. moment.js 공식 GitHub 저장소로 이동합니다.
  2. locale 폴더에서 “ko.js” 파일을 다운로드합니다.
  3. 다운로드한 “ko.js” 파일을 프로젝트의 적절한 폴더에 추가합니다.
  4. Moment.js의 locale 메소드를 사용하여 한국어 로케일을 설정합니다.

위의 과정을 거치면 Moment.js에서 한국어를 사용할 수 있습니다.

참고자료

© 2018 Colin. All rights reserved.