Moment.js는 JavaScript에서 날짜와 시간을 다루기 위한 유용한 라이브러리입니다. 이 라이브러리를 사용하면 다양한 날짜 표시 형식을 설정할 수 있습니다. 이 글에서는 Moment.js를 사용하여 날짜를 원하는 형식으로 표시하는 방법에 대해 알아보겠습니다.
Moment.js 설치하기
Moment.js를 사용하려면 먼저 해당 라이브러리를 프로젝트에 설치해야 합니다. npm을 사용하는 경우 다음 명령어를 사용하여 설치할 수 있습니다:
npm install moment
날짜 표시 형식 설정하기
Moment.js는 .format() 메서드를 사용하여 날짜를 원하는 형식으로 표시할 수 있습니다. 다음은 Moment.js를 사용하여 날짜를 표시하는 간단한 예제입니다:
const moment = require('moment');
const now = moment();
console.log(now.format('YYYY-MM-DD')); // 2022-10-17
console.log(now.format('MMMM Do YYYY, h:mm:ss a')); // October 17th 2022, 5:45:23 pm
console.log(now.format('dddd')); // Monday
console.log(now.format('h:mm a')); // 5:45 pm
위의 예제에서는 now.format('YYYY-MM-DD')와 같이 format() 메서드의 인자로 원하는 날짜 형식을 전달합니다. Moment.js는 다양한 날짜 형식을 지원하며, 자세한 정보는 Moment.js 공식 문서를 참조하세요.
날짜 표시 형식 설정 옵션
Moment.js에서 사용할 수 있는 일부 날짜 표시 형식 설정 옵션은 다음과 같습니다:
YYYY: 4자리 연도YY: 2자리 연도MMMM: 월의 이름(예: January)MMM: 축약된 월의 이름(예: Jan)MM: 2자리 월(01부터 12까지)DD: 2자리 일(01부터 31까지)Do: 1자리로 표시된 일(1st, 2nd, 3rd, …)dddd: 요일의 이름(예: Monday)dd: 요일의 약식 이름(예: Mon)h: 12시간 단위의 시간(1부터 12까지)H: 24시간 단위의 시간(0부터 23까지)mm: 분(00부터 59까지)ss: 초(00부터 59까지)a: 오전 또는 오후 (예: am, pm)
이 외에도 Moment.js에서 지원하는 날짜 형식 옵션은 매우 다양합니다. 날짜 형식 설정에 대한 자세한 내용은 Moment.js 공식 문서를 참조하세요.
결론
Moment.js를 사용하면 JavaScript에서 날짜와 시간을 편리하게 다룰 수 있습니다. 날짜 표시 형식을 설정하여 원하는 형식으로 날짜를 표시하고, Moment.js의 다른 기능을 활용하여 날짜와 시간을 다양한 방식으로 조작할 수 있습니다. Moment.js 공식 문서를 참고하여 더 많은 기능을 익혀보세요!