[javascript] Moment.js로 날짜 및 시간 로컬화

22 Nov 2023

Moment.js는 JavaScript의 자바스크립트 라이브러리로, 날짜와 시간을 다루는 작업을 쉽게 할 수 있게 해줍니다. 이번 블로그 포스트에서는 Moment.js를 사용하여 날짜와 시간을 로컬화하는 방법에 대해 알아보겠습니다.

Moment.js 설치

Moment.js를 사용하기 위해 먼저 해당 라이브러리를 설치해야 합니다. npm을 사용한다면 아래의 명령어를 통해 설치할 수 있습니다.

npm install moment

만약 CDN을 사용하고 있다면 HTML 파일의

<script src="https://cdn.jsdelivr.net/moment.js/2.24.0/moment.min.js"></script>

Moment.js를 사용하면 간단하게 날짜를 로컬화할 수 있습니다. 로컬화란 우리가 사용하는 지역의 표준 날짜 및 시간 형식으로 변환하는 것입니다.

아래의 예시 코드에서는 현재 날짜를 로컬 시간으로 변환하는 방법을 보여줍니다.

const now = moment();
const localTime = now.format('LLLL');
console.log(localTime);

위의 코드를 실행하면 현재 날짜 및 시간이 로컬 시간으로 변환되어 콘솔에 출력됩니다.

Moment.js를 사용하면 로컬 시간 뿐만 아니라 다른 언어로도 날짜를 로컬화할 수 있습니다. 아래의 예시 코드에서는 한국어로 날짜를 로컬화하는 방법을 보여줍니다.

const now = moment();
const koreanLocale = moment.locale('ko');
const localTime = now.format('LLLL');
console.log(localTime);

위의 코드에서 moment.locale('ko') 함수를 통해 한국어로 로컬화 설정을 변경한 후, format('LLLL') 함수를 사용하여 로컬화된 날짜를 출력합니다.

Moment.js는 간편하게 날짜와 시간을 로컬화할 수 있는 유용한 도구입니다. 위에서 소개한 방법을 사용하면 다양한 언어와 지역의 로컬 시간을 쉽게 표시할 수 있습니다.

더 많은 사용 방법과 기능은 Moment.js 공식 문서를 참고하시기 바랍니다.

참고 자료: