Duk board feature

.dockerignore

@@ -0,0 +1,10 @@
+# .dockerignore
+
+node_modules
+.next
+.env*
+npm-debug.log
+README.md
+.gitignore
+Dockerfile
+.dockerignore

Dockerfile

@@ -0,0 +1,33 @@
+FROM node:20-alpine AS builder
+
+WORKDIR /app
+
+# 의존성 설치를 위해 파일 복사
+COPY package*.json ./
+
+# 의존성 설치 (버전 충돌 방지를 위해 --legacy-peer-deps 권장)
+RUN npm install --legacy-peer-deps
+
+# 소스 코드 복사
+COPY . .
+
+# Next.js 프로젝트 빌드
+RUN npm run build
+
+
+# 2. 실행 환경 (실행 환경도 Node 20으로 업그레이드)
+FROM node:20-alpine AS runner
+
+WORKDIR /app
+
+# 빌드 결과물만 복사 (이미지 용량 최적화)
+COPY --from=builder /app/.next ./.next
+COPY --from=builder /app/node_modules ./node_modules
+COPY --from=builder /app/package.json ./package.json
+COPY --from=builder /app/public ./public
+
+# 포트 설정
+EXPOSE 3000
+
+# 서버 시작
+CMD ["npm", "start"]

hooks/useChat.ts

@@ -0,0 +1,108 @@
+import { useEffect, useRef } from "react";
+import SockJS from "sockjs-client";
+import { Client, IMessage } from "@stomp/stompjs";
+import { useDispatch, useSelector } from "react-redux";
+import {
+  addMessage,
+  setMessages,
+  ChatMessage,
+  clearChat,
+  setConnected,
+} from "../util/group/chat/chatSlice";
+import { api } from "../util/api";
+import { RootState } from "../store/store";
+
+export const useChat = (groupName: string) => {
+  const dispatch = useDispatch();
+  const clientRef = useRef<Client | null>(null);
+  const { user } = useSelector((state: RootState) => state.auth);
+  const myName = user?.name || "";
+
+  useEffect(() => {
+    if (!groupName || !user) return;
+
+    const fetchChatHistory = async () => {
+      try {
+        const res = await api.get(`/chat/history/${groupName}`);
+
+        if (res.data.success) {
+          const historyMessages = res.data.data.map((msg: any) => ({
+            ...msg,
+            isMine: msg.name === myName,
+          }));
+          dispatch(setMessages(historyMessages));
+        }
+      } catch (err) {
+        console.error("채팅 내역 불러오기 실패:", err);
+      }
+    };
+
+    fetchChatHistory();
+
+    const queryString = `?groupName=${encodeURIComponent(groupName)}`;
+
+    const client = new Client({
+      webSocketFactory: () =>
+        new SockJS("https://api.toleave.cloud/ws" + queryString, null, {
+          transports: ["xhr-streaming", "xhr-polling"],
+          withCredentials: true,
+        } as any),
+      reconnectDelay: 5000,
+      onConnect: () => {
+        console.log("WebSocket Connected!");
+        dispatch(setConnected(true));
+
+        client.subscribe(`/sub/chat/${groupName}`, (frame: IMessage) => {
+          try {
+            const msg = JSON.parse(frame.body);
+
+            const newMsg: ChatMessage = {
+              ...msg,
+              isMine: msg.name === myName,
+            };
+
+            dispatch(addMessage(newMsg));
+          } catch (e) {
+            console.error("메시지 파싱 에러:", e);
+          }
+        });
+      },
+      onStompError: (frame) => {
+        console.error(
+          "Stomp Error Details:",
+          frame.headers["message"],
+          frame.body,
+        );
+        dispatch(setConnected(false));
+      },
+      onWebSocketClose: () => {
+        console.log("WebSocket Closed");
+        dispatch(setConnected(false));
+      },
+    });
+
+    client.activate();
+    clientRef.current = client;
+
+    return () => {
+      if (client.active) {
+        client.deactivate();
+      }
+      dispatch(clearChat());
+    };
+  }, [groupName, dispatch, myName, user]);
+
+  const sendMessage = (content: string, type: "TEXT" | "IMAGE" = "TEXT") => {
+    const client = clientRef.current;
+    if (client && client.active && content.trim()) {
+      client.publish({
+        destination: `/pub/chat/${groupName}`,
+        body: JSON.stringify({ content, type }),
+      });
+      return true;
+    }
+    return false;
+  };
+
+  return { sendMessage };
+};

next.config.ts

@@ -5,11 +5,11 @@ const nextConfig: NextConfig = {
     return [
       {
         source: '/',
-        destination: '/login',
+        destination: '/main',
       },
     ];
   },
-
+  
   async headers() {
     return [
       {