Feat: 채팅 메세지 날짜 형식 정의

src/pages/chatModal/components/chat/ChatMenu.tsx

@@ -9,6 +9,7 @@ import { useChatScroll } from '../../hooks/useChatScroll';
 import { ChatProps } from '../..';
 import * as S from './styles';
 import parseDate from '@/utils/parseDate';
+import { formatDate } from '@/utils/formatDateforChat';
 
 const ChatMenu = ({ chatRoomId, galleryNick }: Omit<ChatProps, 'open'>) => {
   const [messages, setMessages] = useState<ChatMessageProps[]>([]);
@@ -60,11 +61,12 @@ const ChatMenu = ({ chatRoomId, galleryNick }: Omit<ChatProps, 'open'>) => {
     const message: ChatMessageProps = {
       content: newMessage,
       sender: nickname,
-      createdAt: new Date(),
+      createdAt: formatDate(new Date()),
       isAuthor: isAuthor,
       profileImageUrl: profileImage,
     };
 
+    console.log(message);
     sendMessage(`/pub/ws/${chatRoomId}/chat-messages`, message);
     setNewMessage('');
     scrollToBottom();

src/types/chat.ts

@@ -11,7 +11,7 @@ export interface ChatMessage {
 export interface ChatMessageProps {
   sender: string;
   content: string;
-  createdAt: Date;
+  createdAt: Date | string;
   isAuthor: boolean;
   profileImageUrl: string;
 }

src/utils/formatDateforChat.ts

@@ -0,0 +1,11 @@
+export const formatDate = (date: Date) => {
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, '0');
+  const day = String(date.getDate()).padStart(2, '0');
+  const hours = String(date.getHours()).padStart(2, '0');
+  const minutes = String(date.getMinutes()).padStart(2, '0');
+  const seconds = String(date.getSeconds()).padStart(2, '0');
+
+  const formattedDateString = `${year}-${month}-${day}T${hours}:${minutes}:${seconds}`;
+  return formattedDateString;
+};