feat: dayjs locale 설정

YAPP-Github · Jan 15, 2024 · 6f8dc6a · 6f8dc6a
1 parent a99cfdf
commit 6f8dc6a
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -24,6 +24,8 @@
     "@vanilla-extract/sprinkles": "^1.6.1",
     "axios": "^1.6.2",
     "clsx": "^2.0.0",
+    "dayjs": "^1.11.10",
+    "ko": "link:dayjs/locale/ko",
     "next": "14.0.3",
     "react": "^18",
     "react-dom": "^18",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/domain/Write/History/index.tsx b/src/domain/Write/History/index.tsx
@@ -1,3 +1,7 @@
+import dayjs from 'dayjs';
+
+import 'dayjs/locale/ko';
+
 import Icon from '@components/Icon';
 
 import { type WriteHisotry } from '../types';
@@ -16,7 +20,9 @@ const WriteHistory = ({ data }: WriteHistoryProps) => {
           <div className={style.dateLabelWrapper}>
             <div className={style.dateLabel}>
               <Icon icon={'clock'} width={20} height={20} />
-              <span className={style.dateLabelText}>{history.date}</span>
+              <span className={style.dateLabelText}>
+                {dayjs(history.date).locale('ko').format('YYYY.MM.DD (dd)')}
+              </span>
             </div>
           </div>