웹 개발이나, javascript 개발 환경에서 사용하는 유용한 날짜 라이브러리인 'moment'. 단순한 함수로 날짜 표시가 가능한 것이 이점인데요. '~분전', '1시간 전' 등의 기능도 사용할 수 있습니다.
사용 방법은 moment를 파일 최상위에서 import하고, moment(targetDate).fromNow()라는 함수를 사용하면 결과값으로 예를들면 현재 날짜를 기준으로 targetDate(작성된 날짜 또는 수정된 날짜라고 칩시다.)가 얼마나 지났는지 표시 할 수 있습니다. 기본적인 return 값으로 '1hours ago', '1 minutes ago' 이렇게 나오는데 이걸 한글로 표현하고 싶을 때는 어떤 방법이 있을까요?
파일 최상단에 import "moment/locale/ko"; 로 입력하면 기존의 1 hours ago 값이 1시간 전으로 변경됩니다. ko는 한글(korean의 약자)이고, 다양한 국가 코드는 구글에 검색하면 많이 나올겁니다. ^__^ (예를들면, 영어는 en) 참 쉽죠?
결과값으로 한글이 잘 나오는 모습을 볼 수 있습니다. Moment는 fromNow() 함수 이외에도 format()으로 날짜형식을 변형시킬 수도 있으며, 더 많은 기능이 궁금하신 분들은 아래를 참조하세요.
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
'React-Native > Javascript & Node' 카테고리의 다른 글
| git permission denied (publickey) : git 명령어 에러 해결방법 (6) | 2021.07.09 |
|---|---|
| yarn add 여러패키지 (multiple packages) 추가하는 명령어 (0) | 2020.11.14 |
| window에서 노드 서버 중지 시키는 방법 ( How to kill all node server on windows ) (0) | 2020.11.04 |
| Javascript : how to check If two dates are same day? (0) | 2020.10.27 |