
포맷팅해야하는 양식은 위와 같았고, js의 DateTimeFormat을 사용해 KST로 바꾸면서 옵션을 DateTimeFormatOptions로 주었다.
/**
* 주어진 날짜와 일자를 "YYYY.MM.DD. 오전(혹은 오후)HH:MM" 형식으로 반환합니다.
*/
const dateFormat = (e: Date) => {
const options: Intl.DateTimeFormatOptions = {
year: 'numeric',
month: '2-digit',
day: '2-digit',
hour: 'numeric',
minute: '2-digit',
hour12: true,
}
const formatter = new Intl.DateTimeFormat('ko-KR', options)
const formattedString = formatter.format(e).replaceAll(' ', '')
return formattedString.slice(0, 11) + ' ' + formattedString.slice(11)
}
export const formattedDate = (createdAt: Date) => {
const date = new Date(createdAt)
return dateFormat(date)
}
'What I Learn' 카테고리의 다른 글
| Next.js 병렬 라우팅 & 경로 가로채기를 통한 모달 페이지 구현 2 (0) | 2024.12.26 |
|---|---|
| e.stopPropagation(), 이벤트 전파 방지 (0) | 2024.12.10 |
| Tooltip 구현 (0) | 2024.12.10 |
| Lottie로 쪽지 썸네일에 적용하기 (0) | 2024.12.10 |
| TanStack Query와 함께 구현한 cursor 방식의 무한 스크롤 (1) | 2024.12.10 |