nextjs2 [트러블슈팅] shadcn DatePicker로 Supabase에 날짜 저장 시 전날로 저장되는 문제 1. 문제NextJS 토이프로젝트 진행 중, 날짜 데이터를 입력하고 Supabase에 저장했을 때, "2025-06-10"을 선택하고,디버그를 통해 6월 10일 한국 시간 기준으로 저장되는 것도 확인하였지만,Supabase DB에는 "2025-06-09T15:00:00.000Z"처럼 전날로 저장되는 현상이 발생2. 원인자바스크립트의 new Date()는 브라우저 로컬 시간(KST, GMT+9) 기준으로 날짜 객체를 생성하지만,이를 JSON으로 전송하거나 Supabase에 저장할 때는 자동으로 UTC(세계 표준시)로 변환된다.즉, "2025-06-10" → 2025-06-09T15:00:00Z로 변환되어 저장됨한국은 UTC보다 +9시간이므로, 자정 기준으로 날짜를 선택하면 하루가 당겨지는 문제 발생 3. .. 2025. 6. 12. [트러블슈팅] shadcn/ui DatePicker 설치 시 React 19 충돌 해결법 NextJs 토이프로젝트 진행 중 발생한 트러블 슈팅라이브러리 버전이 react 환경에 맞지 않을 때, 귀찮다고 그냥 넘어가서 발생한 문제앞으로 --legacy-peer-deps에 의존하지 말고 발견 즉시 해결하자 1. 문제npx shadcn@latest add calendar shadcn에서 dayPicker UI 사용 시 사용하는 명령어 하지만 내부적으로 react-day-picker@8.10.1이 설치되어React 19 환경에서 의존성 충돌(ERESOLVE 에러)이 발생한다. 2. 해결처음에는 --legacy-peer-deps로 해결하려고 했지만, 다른 라이브러리 설치 시 거슬리기 시작하여 위와 같은 원인을 발견npm install react-day-picker@^9.0.0 9 버전에서 Reac.. 2025. 6. 10. 이전 1 다음