Safari RangeError: Invalid time value
0
-
발생및 확인 동기
프로젝트를 배포 후 테스트 과정에서 chrome브라우저에서는 정상적으로 실행이되지만
safari 에서 특정 페이지가 터지는 현상이 지속적으로 발생했습니다.
local환경으로 확인 결과 아래와 같은 에러가 발생했슴을 확일 할 수 있었습니다.
-
이유
위 에러가 발생한 이유는 에러에 나와있는 그대로 time value의 문제 였습니다.
하나의 date관련 field가2023-08-01 11:00:59.174000같은 형태로 들어왔기 때문입니다.
해당 date value를 포맷하는 과정에서 chrome는 dot(.)이 포함된 date value를 읽어서 포맷이 가능하지만
safari의 경우엔 dot(.)이 포함된 date value를 읽지 못하기에 발생한 에러였습니다.
- 해결방법
dot(.)을 포함하는 문자열을 읽지 못해서 발생하는 에러였기에 서버측에서 데이터를 보낼 때
2023-08-01T19:49:52.695+09:00같은 ISO 포맷 형식을 이용하여 time value를 받아왔습니다.
만약 클라이언트측 에서 해당 이슈를 수정해야 하는 상황이라면 랜더링할 date value에 대해 ISO포맷을 진행하거나 데이터와 랜더링 되어야 할 양식에 맞춰서 문자열을 수정하는 방법을 채택했을 것 같습니다.
프론트엔드 주니어 개발자(React, Next.js)