Dev study and Repost

Moment.js 설치와 간단 활용법 npm install moment 날짜와 시간 다루기 본문

IT INFO

Moment.js 설치와 간단 활용법 npm install moment 날짜와 시간 다루기

devlunch4 2025. 10. 1. 00:08
반응형

Moment.js 설치와 간단 활용법 npm install moment 날짜와 시간 다루기

​

날짜와 시간을 다루는 npm 패키지입니다.

자바스크립트(javascrpit) 기본 Date 객제로 표현이 가능하지만,

포맷팅이나 계산 반복시 코드가 복잡해지는 경우가 많다.

​

이런 것을 쉽게 해결하고 날짜, 시간을 다루는데 유용한 패키지인 moment 패키지 정보를 간단하게 글로 남겨본다.

​

https://www.npmjs.com/package/moment

 

참 오래된 패키지이다. 깃헙 소스를 보니 최신 업데이트가... 2024년2월..

실제 활용 소스 기준으론 2023년12월 이후 업데이트가 없다.

​

공식홈페이지 링크: https://momentjs.com/

 

Moment.js | Home

Format Dates moment().format('MMMM Do YYYY, h:mm:ss a'); moment().format('dddd'); moment().format("MMM Do YY"); moment().format('YYYY [escaped] YYYY'); moment().format(); Relative Time moment("20111031", "YYYYMMDD").fromNow(); moment("20120620", "YYYYMMDD"

momentjs.com

웹서핑을 하다가..

접속하면.. 서울 시간대신 도쿄 시간으로 웹 출력되어서 나온다..

아쉽다..

아무튼 사용하긴 좋다.

​

Moment.js 설치

설치를 위해 프로젝트내 터미널, 터미널 명령어를 사용한다.

 

$ npm install moment

용량이 너무 적어서 2초만에 설치가 완료된다.

 

패키지가 추가된 것을 확인한다.

터미널에서 명령어로 확인해본다

$ npm list moment

​

설치된 경로와 버전 확인이 된다.

적용 확인

소스에 적용하기 위해 임포트한다.

 

간단하게 예시 코드를 작성해보았다.

웹페이지 출력결과

​

끝!

 

 

 

 

반응형
저작자표시 비영리 동일조건 (새창열림)

'IT INFO' 카테고리의 다른 글

와이어프레이밍과 프로토타이핑 쉽게 이해하기 Wireframing and Prototyping  (0) 2025.10.01
vscode 줄바꿈(Word Wrap) 설정 방법 간단 안내 - 코드가 한줄로 길게 보일때 에디터 옵션, 편집, 단축키, 스크린샷 안내  (0) 2025.09.30
자바스크립트 비동기 처리 쉽게 이해하기: 콜백 지옥 탈출, Promise와 async/await 정리  (0) 2025.09.30
맥북 node js 설치 macOS Node.js install 설치 버전 확인  (1) 2025.06.04
JetBrains 의 코딩 에이전트 Junie EAP 대기자 신청  (0) 2025.02.01
'IT INFO' Related Articles more
Comments