feat: 시간 요청 및 테마 자동 변경 구현

[chasj0326]

🧩 이슈 번호

• close 서버시간 관련 기능 구현 #176

✅ 작업 사항

• msw 작성 (dev api 쓰려했는데 CORS 에러 나네요 ㅠ)
• 시간에 따라 테마 변경
• 시간 요청 쿼리

👩‍💻 공유 포인트 및 논의 사항

• Date 객체 반환합니다

• App.js 에서 시간을 요청한 후, 시간에 따라 테마가 바뀌게 했습니다 (setTheme)

  • 경계타임(4시)까지 남은 값을 계산 후, 그 이후에 유동적으로 refetch 가 되게 하려했지만 ...
    그 이후의 refetch 시간이 애매해서요 ㅠㅠ.
  • refetchInterval 을 30 분으로 작성하고, refetchWindowFocus 옵션을 줘서 백그라운드에 있다가 웹앱을 열때도 다시 불러오게 했습니다!

• 이렇게 쓰면 됩니당

const {data} = useQuery(timeOption)

또는

const {data} = useQuery({...timeOption, refetchInterval: ....})

[netlify]

✅ Deploy Preview for moabam-storybook ready!

Name	Link
🔨 Latest commit	d591bf8
🔍 Latest deploy log	https://app.netlify.com/sites/moabam-storybook/deploys/655d93231691550008ecbcb6
😎 Deploy Preview	https://deploy-preview-181--moabam-storybook.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[bbearcookie]

고생하셨습니다!!!