[React] day.js vs moment.js
·
React/실험실
얼마 전 day.js의 장점으로 isAfter, isBefore, isBetween에 대해서 이야기했다. 그 후, moment.js를 살펴보니 moment.js에도 동일한 함수가 있었다. 그렇게 생각하니 day.js와 moment.js는 어떤 부분이 다른지 궁금증이 생겼다. 찾아보니 기능적인 차이점은 많이 없었다. 1. 크기 day.js는 moment.js보다 가벼운 라이브러리로 알려져 있다. 라이브러리의 크기는 성능에 중요한 영향을 미치는데, day.js는 moment.js보다 훨씬 작다. moment.js는 압축하고 minify 했을 때 약 60KB인 반면, day.js는 압축하고 minify 했을 때 2KB이다. 이것은 프론트엔드에서 매우 중요한데, 페이지 로드 시간에 영향을 줄 수 있다. 2. 불..
[React] dayjs
·
React/실험실
달력을 만드는 일이 생각보다 많이 귀찮다. 그래서 보통 Antd의 Calendar를 많이 사용하는 편인데, 이번에 특정 값이 변경되면 달력의 선택된 날을 바꿔야하는 일이 있었다. 그러다가 알게된 것이 dayjs! 기본적으로 Antd의 Calendar에서 제공하는 모든 함수는 dayjs의 값을 리턴한다. dayjs는 날짜와 관련된 작업을 도와주는 라이브러리이다. 일반적으로 날짜와 관련된 작업을 할 때, 간단한 작업이면 Date, 복잡하다 싶으면 moment를 사용했는데, 이번에 처음으로 사용하게 되었다. dayjs는 편의성은 moment와 비슷하지만 특별한 함수를 제공하고 있었다. 바로 isAfter, isBefore, isBetween이다. 이것은 날짜를 비교하는 함수인데, 아주 간단하게 비교가 가능했다..