📅 자바스크립트 날짜/시간 📅

소개

Datetime과 관련된 코드를 작성해야 할 때 짜증이 난 적이 있습니까? 아직 경험하지 못하셨을 수도 있지만, 그곳에 도착하면 이 블로그를 읽어 주셔서 감사할 것입니다. DateTime 형식을 보면 속상해서 이 글을 쓰기로 했습니다. 이 블로그 게시물에서는 타임스탬프 형식, Javascript 날짜 및 내가 가장 좋아하는 Datetime NPM 패키지를 다룰 것입니다.

ISO 8601 및 Unix 타임스탬프

회사에서 일하기 전에 이 두 가지 주요 형식에 대해 일찍 알고 싶습니다. 나는 이러한 형식을 본 경험이 있었고 너무 혼란 스러웠습니다. 이 둘의 차이점은 무엇입니까?

// ISO 8601
2022-03-29T12:04:06.179Z 
2022-03-29T12:04:06.179+07:00

// Unix Timestamp
1648555411546

ISO 8601

ISO 8601 형식의 경우 혼란스러운 것은 z 또는 +07:00 인 마지막 표시기입니다. z는 Zulu 시간을 의미하며 Zulu 시간은 UTC(Universal Time Coordinated) 또는 GMT+0(Greenwich Mean Time Zone)과 동일합니다.

유닉스 타임스탬프는 어떻습니까?

Unix 타임스탬프는 항상 UTC를 기반으로 합니다.

Unix Timestamp에 대해 알아야 할 한 가지 흥미로운 사실은 Unix Timestamp가 2038년 1월 19일 오전 3:14 UTC에 종료된다는 것입니다.
왜요? Unix Timestamp 데이터 유형이 전통적으로 32비트인 부호 있는 정수를 사용하기 때문입니다. Unix 타임스탬프에 시작 시간이 있다고 논리적으로 생각한다면 절대적으로 맞습니다. 1970년 1월 1일 00:00:00 UTC에 시작되었습니다. Unix Epoch Time에 대해 들어본 적이 있다면 Unix Timestamp의 시작 시간을 의미합니다. Epochhere의 정의에 대해 읽어보십시오. 나는 아직 태어나지도 않았는데 Unix Timestamp가 어떻게 끝나는지 볼 수 있기를 바랍니다. Unix 타임스탬프가 시작되면 댓글을 남겨주세요 :P.

또한 작업에 도움이 되는 이 DateTime 변환기를 공유하고 싶습니다. https://www.timestamp-converter.com/

자바스크립트 날짜

이 섹션에서는 대부분의 사람들이 사용하는 가장 인기있는 Javascript Date 을 다룰 것입니다.

브라우저 개발자 도구에서 내 코드 덩어리를 사용해 볼 수 있으므로 증명할 수 있습니다.

new Date()

이것은 Date 생성자이므로 Date 객체를 반환합니다.

Date()
// "Thu Mar 31 2022 06:41:59 GMT-0400 (Eastern Daylight Time)"

그러나 Date를 함수로 호출하면 new Date().toString()와 같은 문자열을 반환합니다.

Date.now()
// 1648723728520

Javascript에서 Unix 타임스탬프를 생성하는 방법에 대해 질문하는 경우 이것이 답입니다.

new Date().toISOString()
// "2022-03-31T10:52:47.427Z"

물론 보여드리겠습니다. 이것은 ISO ISO 8601용입니다. 마지막 문자에 Z가 있다는 것을 기억하십시오. 이것은 Zulu 시간을 의미합니다. 따라서 우리 시간대가 아닌 UTC입니다(UTC 시간대에 있지 않은 경우).

날짜 NPM 패키지 라이브러리

우리 회사에서 세 개의 npm 패키지를 발견했는데, 이는 성가신 일입니다. 3가지를 공유하고 추천해드리겠습니다.

우리는 프로젝트 내에서 moment Moment.js , Day.js 및 date-fns 인 세 개의 라이브러리를 사용하고 있습니다.

이 세 가지 라이브러리는 코드에서 DateTime을 조작해야 하는 경우 도움이 됩니다. 그러나 이 세 가지 중에서 선택하는 데 몇 가지 고려 사항이 있습니다.

Moment.js는 현재 레거시 코드입니다. 웹사이트here에 명시되어 있습니다.



이제 Day.js와 date-fns 사이에 있습니다. Day.js와 date-fns 사이에 설명하는 글을 찾았습니다. 나는 그것이 당신에게 답을 줄 것이라고 생각합니다. https://how-to.dev/dayjs-vs-date-fns

요약하면, 위의 그의 블로그에서 Marcin Wosinek에 따르면, 이미 moment.js를 사용하고 있다면 대부분의 API가 동일하기 때문에 Day.js를 사용하여 변환할 수 있습니다. 그러나 크기 문제의 경우 date-fns는 Day.js보다 작습니다. 기본 설정이 없으면 date-fns로 시작할 수 있습니다. 모든 라이브러리를 배우고 싶지 않기 때문에 하나의 Date 라이브러리에 집중하는 것으로 충분합니다.

결론

바라건대, 타임 스탬프 형식을 읽는 방법이 도움이 될 수 있습니다. 질문이 있으시면 댓글을 남겨주시고 마음에 드는 DateTime 라이브러리를 공유해 주세요.
즐거운 독서 📚!