diff --git a/docker-compose.yml b/docker-compose.yml
index be09816f7..7ba29a300 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -1,12 +1,24 @@
 services:
-  frontend:
-    build:
-      context: ./frontend/spec-trackr-app  # Dockerfile이 위치한 경로
-      dockerfile: frontend.dockerfile  # 사용할 Dockerfile 이름
-
-    container_name: react_frontend  # 컨테이너 이름 지정
+  spec-trackr:
+    build: 
+      context: ./frontend/spec-trackr-app
+      dockerfile: sta.dockerfile
+    ports:
+      - "3001:3001"  # 고정 포트 매핑
+    networks:
+      - spec-net
 
+  spectrackr-main:
+    build: 
+      context: ./frontend/spectrackr-main
+      dockerfile: main.dockerfile
     ports:
-      - "3002:80"  # 로컬 머신의 3002 포트를 컨테이너의 80번 포트에 연결
+      - "3003:3003"  # 고정 포트 매핑
+    networks:
+      - spec-net
+    depends_on:
+      - spec-trackr
 
-    restart: unless-stopped  # 컨테이너가 중지되었을 때 수동으로 중지하지 않은 경우 자동 재시작
+networks:
+  spec-net:
+    driver: bridge
\ No newline at end of file
diff --git a/frontend/spec-trackr-app/frontend.dockerfile b/frontend/spec-trackr-app/frontend.dockerfile
deleted file mode 100644
index 9d71ceb1f..000000000
--- a/frontend/spec-trackr-app/frontend.dockerfile
+++ /dev/null
@@ -1,24 +0,0 @@
-# Node.js 18 이미지에서 React 앱을 빌드
-FROM node:18 as build
-# 의존성 설치 후 앱 코드 복사 후 npm run build로 정적 파일 생성
-WORKDIR /app
-
-# 환경변수 파일 복사
-COPY .env.production .env
-
-# 의존성 설치
-COPY package*.json ./
-RUN npm install
-# 앱 소스 복사
-COPY public ./public
-COPY src ./src
-
-# 빌드
-RUN npm run build
-
-# Nginx를 이용해 빌드된 정적 파일을 /usr/share/nginx/html로
-FROM nginx:alpine
-COPY nginx/default.conf /etc/nginx/conf.d/default.conf
-COPY --from=build /app/build /usr/share/nginx/html
-EXPOSE 80
-CMD ["nginx", "-g", "daemon off;"]
\ No newline at end of file
diff --git a/frontend/spec-trackr-app/src/index.js b/frontend/spec-trackr-app/src/index.js
index 185749669..f3e680618 100644
--- a/frontend/spec-trackr-app/src/index.js
+++ b/frontend/spec-trackr-app/src/index.js
@@ -2,7 +2,6 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
 import App from './App';
-import ComSp from "./com_sp";
 import "./index.css";
 import reportWebVitals from './reportWebVitals';
 import 'bootstrap/dist/css/bootstrap.min.css';
diff --git a/frontend/spec-trackr-app/sta.dockerfile b/frontend/spec-trackr-app/sta.dockerfile
new file mode 100644
index 000000000..cab0a8d00
--- /dev/null
+++ b/frontend/spec-trackr-app/sta.dockerfile
@@ -0,0 +1,8 @@
+FROM node:18-alpine
+WORKDIR /app
+COPY package*.json ./
+RUN npm install
+COPY . .
+ENV HOST=0.0.0.0 BROWSER=none PORT=3001
+EXPOSE 3001
+CMD ["npm", "start"]
diff --git a/frontend/spectrackr-main/app/page.tsx b/frontend/spectrackr-main/app/page.tsx
index 196b5aa09..88be576a5 100644
--- a/frontend/spectrackr-main/app/page.tsx
+++ b/frontend/spectrackr-main/app/page.tsx
@@ -294,7 +294,7 @@ function HomePage() {
               transition={{ duration: 0.5, delay: 0.2 }}
             >
               <Button
-                onClick={() => { window.location.href = "http://localhost:3000" }}
+                onClick={() => { window.location.href = "http://localhost:3001" }}
                 className="bg-gradient-to-r from-cyan-500 to-blue-500 hover:from-cyan-600 hover:to-blue-600 text-white shadow-lg"
               >
                 시작하기 <ChevronRight className="ml-2 h-4 w-4" />
@@ -359,7 +359,7 @@ function HomePage() {
                 </h3>
 
                 <Button
-                  onClick={() => { window.location.href = "http://localhost:3000" }}
+                  onClick={() => { window.location.href = "http://localhost:3001" }}
                   size="lg"
                   className="mt-8 bg-gradient-to-r from-cyan-500 to-blue-500 hover:from-cyan-600 hover:to-blue-600 text-lg text-white shadow-lg"
                 >
diff --git a/frontend/spectrackr-main/main.dockerfile b/frontend/spectrackr-main/main.dockerfile
new file mode 100644
index 000000000..c0aa62c30
--- /dev/null
+++ b/frontend/spectrackr-main/main.dockerfile
@@ -0,0 +1,8 @@
+FROM node:18-alpine
+WORKDIR /app
+COPY package*.json ./
+RUN npm install
+COPY . .
+ENV HOST=0.0.0.0 PORT=3003
+EXPOSE 3003
+CMD ["npm", "run", "dev"]
diff --git a/frontend/spec-trackr-app/nginx/default.conf b/frontend/spectrackr-main/nginx/default.conf
similarity index 100%
rename from frontend/spec-trackr-app/nginx/default.conf
rename to frontend/spectrackr-main/nginx/default.conf