날짜 처리, Intl과 Separation of Concerns로 리팩토링하기 🛠️

한 줄 요약

• 포맷은 Intl.DateTimeFormat
• 계산은 date-fns
• 그리고 Parse/Format/Diff는 역할을 나눠야 유지보수가 편해집니다.

오늘의 핵심 정리

• 🧱 입력(Parse): 문자열/타임존을 어떤 기준으로 받을지
• 🎨 표현(Format): 화면에 보여줄 포맷을 고정
• 🧮 계산(Diff): 기간 계산, 더하기/빼기 같은 로직

이 셋이 섞이면, 날짜 관련 버그는 정말 “갑자기” 터집니다 😵‍💫

Next.js에서 특히 중요한 포인트

• 서버 렌더링 시점의 시간과
• 클라이언트에서 다시 계산되는 시간이

엉키면 Hydration 이슈로 이어질 수 있어요.

그래서 표현은 문자열로 고정해두는 게 안정적입니다 ✅

오늘의 결론

복잡해질수록 답은 의외로 단순하더라고요.

표준 API로 정착시키고, 책임을 분리하자. 🌱

#개발일지 #Nextjs #Intl #datefns #리팩토링