Backend에서 시간에 대한 정보가 담긴 데이터를 보내주는 유형은 다양하다. 일반적으로 js, ts에 존재하는 Date type으로 오거나, 한 번 처리해서 202310232335처럼 string type으로 오기도 한다. 또는 10343904같은 number type으로 오기도 하는데, 이 경우는 1970.01.01 00:00:00 UTC를 기준으로 지난 시간을 millisec의 단위로 표시한 것이다. (참고: 여기에서는 현재 시간을 millisec 단위로 알려준다.)

Frontend 단에서 이 데이터를 OOOO년 OO월 OO일 OO:OO 같은 형식으로 바꿔줄 때, 지금까지는 Date.getDate()같은 함수를 이용해서 새로운 함수를 정의해서 썼었다. 그러나 luxon.js의 DateTime을 이용하면 포맷팅을 아주 쉽게 할 수 있다.

1
2
3
4
5
import { DateTime } from 'luxon';

DateTime.fromMillis(time * 1000).toFormat('yyyy.MM.dd  hh:mm');

// `toFormat()`함수를 이용해 내가 원하는 string 형식으로 변환할 수 있다.

아래 공식문서를 참고해보면 이 외에도 유용한 기능이 많다.