nginxx 삭제

App.tsx

@@ -129,10 +129,16 @@ const App: React.FC = () => {
           return;
         }
 
-        addLog('system', '백엔드 프록시 서버(ws://localhost:8090) 연결 시도 중...');
+        // Docker environment & Production support
+        const wsProtocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
+        // Dev: localhost:8090, Prod: Same Host (backend serves frontend)
+        const wsHost = import.meta.env.DEV ? 'localhost:8090' : window.location.host;
+        const wsUrl = `${wsProtocol}//${wsHost}`;
+
+        addLog('system', `백엔드 프록시 서버(${wsUrl}) 연결 시도 중...`);
 
         try {
-          ws = new WebSocket('ws://localhost:8090');
+          ws = new WebSocket(wsUrl);
           wsRef.current = ws;
 
           ws.onopen = () => {

Dockerfile

@@ -4,13 +4,23 @@ WORKDIR /app
 COPY package*.json ./
 RUN npm install
 COPY . .
-RUN npm run build
+# Vite 빌드만 실행 (exe 빌드 제외)
+RUN npx vite build
 
-# 2단계: 실행 (Nginx)
+# 2단계: 실행 (Node.js)
-FROM nginx:stable-alpine
+FROM node:20-alpine
-# 빌드된 파일들을 Nginx의 기본 경로로 복사
+WORKDIR /app
-COPY --from=build /app/dist /usr/share/nginx/html
+
-# (선택) 커스텀 nginx 설정을 넣고 싶다면 아래 주석 해제
+# 빌드 결과물 및 백엔드 파일 복사
-# COPY nginx.conf /etc/nginx/conf.d/default.conf
+COPY --from=build /app/dist ./dist
-EXPOSE 80
+COPY package*.json ./
-CMD ["nginx", "-g", "daemon off;"]
+COPY backend_proxy.cjs ./
+
+# 프로덕션 의존성만 설치
+RUN npm ci --only=production
+
+# 포트 노출 (backend_proxy.cjs의 기본 포트 8090)
+EXPOSE 8090
+
+# 서버 실행
+CMD ["node", "backend_proxy.cjs"]

tsconfig.json

@@ -11,7 +11,8 @@
     ],
     "skipLibCheck": true,
     "types": [
-      "node"
+      "node",
+      "vite/client"
     ],
     "moduleResolution": "bundler",
     "isolatedModules": true,