fix: 주문 날짜 형식 변환

src/app/order/_components/OrderCard.test.tsx

@@ -2,15 +2,13 @@ import { render, screen } from '@testing-library/react'
 import OrderCard from './OrderCard'
 import { Order } from '@/features/order/types'
 
-// Order 타입을 가져옵니다.
-
 describe('OrderCard', () => {
   const mockOrder: Order = {
     storeId: 1,
     orderId: 1,
     storeName: 'Test Store',
     orderTime: '2024-09-03',
-    orderStatus: 'delivered', // 'Delivered'로 정확히 지정합니다.
+    orderStatus: 'delivered',
     menus: [
       { menuName: 'Item 1', menuCount: 2, menuPrice: 10000, optionGroups: [], menuId: 1 },
       { menuName: 'Item 2', menuCount: 1, menuPrice: 10000, optionGroups: [], menuId: 2 },
@@ -25,7 +23,7 @@ describe('OrderCard', () => {
     expect(screen.getByText('Test Store')).toBeInTheDocument()
 
     // 주문 날짜가 올바르게 표시되는지 확인합니다.
-    expect(screen.getByText('2024. 9. 3.')).toBeInTheDocument()
+    expect(screen.getByText(/2024\. 9\. 3\./i)).toBeInTheDocument()
 
     // 배달 상태가 올바르게 표시되는지 확인합니다.
     expect(screen.getByText('배달 완료')).toBeInTheDocument()

src/app/order/_components/OrderCard.tsx

@@ -1,15 +1,16 @@
 'use client'
 import { Order } from '@/features/order/types'
+import { formatDate } from '@/util/formatDate'
 import Link from 'next/link'
 import * as React from 'react'
 
 export default function OrderCard({ order }: { order: Order }) {
+  const orderDate = new Date(order.orderTime)
+
   return (
     <div className="flex flex-col rounded-lg border p-4">
       <h3 className="text-2xl font-bold">{order.storeName}</h3>
-      <span className="text-xs text-gray-500">
-        {new Date(order.orderTime).toLocaleDateString()}
-      </span>
+      <span className="text-xs text-gray-500">{formatDate(orderDate)}</span>
       <div className="mb-2 text-gray-600">
         {order.orderStatus === 'delivered' ? '배달 완료' : '배달 중'}
       </div>

src/util/formatDate.ts

@@ -0,0 +1,7 @@
+export const formatDate = (date: Date) => {
+  const year = date.getFullYear()
+  const month = date.getMonth() + 1 // 월은 0부터 시작하므로 1을 더해야 함
+  const day = date.getDate()
+
+  return `${year}. ${month}. ${day}.`
+}