본문 바로가기
반응형

Moment2

[해결]moment.js deprecated이슈로 인해 datetime 라이브러리 교체 (feat. day.js) moment.js의 deprecated소식을 접하고 나서 이걸 이제야 알았다니 자존심이 상했다. 그렇지만 그럴 시간이 없어 빠르게 프로젝트가 완성되기 전 교체작업을 진행하려 한다. 원인 느린속도 무거운 용량 가변성 예측이 어려운 디버깅 여러 Datetime 라이브러리들과 비교해보았을때 크게는 3배까지 차이가 날정도로 느린경우도 발생한다. 용량 또한 2배~5배정도는 차이가 있는 것으로 보인다. 사실 가장 큰문제는 mutable이라는 점과 디버깅이 어렵다는 점이다. const now = moment(); console.log('변경 전 now : ',now.toLocaleString()); const targetDay = now.add(10, "day"); console.log('변경 후 now : ',no.. 2023. 8. 29.
[해결] Invalid date cross-browsing 날짜객체 에러(크로스 브라우징) 실시간 시계를 표시하는 컴포넌트가 있는 프로젝트를 배포하고 나서 테스트과정에 문제를 발견했다. 프로젝트 특성상 크로스 브라우저를 체크할 필요는 없지만 IOS환경인 safari 브라우저에서 date객체를 사용한 시계, 날짜들이 표시되지 않고 Invalid date가 발생하는 것이다. 발생하는 문제를 파악하기위해 찾아보니 의외로 간단한 문제였고 이는 cross browsing 개발을 할때에 고려해야하는 사항이다. 문제점 chrome에서는 정상작동이며 safari에서만 날짜가 표기되지 않는다. 원인 safari에서는 YYYY.MM.DD형식의 DateFormat을 지원하지 않는다. 즉 date객체에서 포맷을 변경할때 주의해야하는 건데, 기존에는 moment를 사용하여 현재 시각을 받아서 포맷을 바꾸어주는 간단한.. 2023. 8. 24.
반응형