diff --git a/.DS_Store b/.DS_Store
index ff26930..2ac9490 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/frontend/Dockerfile b/frontend/Dockerfile
index bf358d3..08d7fec 100644
--- a/frontend/Dockerfile
+++ b/frontend/Dockerfile
@@ -1,27 +1,16 @@
-# nginx 이미지를 사용합니다. 뒤에 tag가 없으면 latest 를 사용합니다.
-FROM nginx:latest
- 
-# root 에 app 폴더를 생성
-RUN mkdir /app
- 
-# work dir 고정
+# 빌드 스테이지
+FROM node:20 AS build
 WORKDIR /app
- 
-# work dir 에 dist 폴더 생성 /app/dist
-RUN mkdir ./dist
- 
-# host pc의 현재경로의 dist 폴더를 workdir 의 dist 폴더로 복사
-ADD ./dist ./dist
- 
-# nginx 의 default.conf 를 삭제
-RUN rm /etc/nginx/conf.d/default.conf
- 
-# host pc 의 default.conf 를 아래 경로에 복사
-COPY ./default.conf /etc/nginx/conf.d
- 
-# 80 포트 오픈
-EXPOSE 80
- 
-# container 실행 시 자동으로 실행할 command. nginx 시작함
-CMD ["nginx", "-g", "daemon off;"]
+RUN ls -al
+COPY package*.json ./
+RUN npm install
+COPY ./ ./
+RUN npm run build
+RUN ls -al /app
 
+# 서브 스테이지
+FROM nginx:alpine
+COPY --from=build /app/dist /usr/share/nginx/html
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+EXPOSE 5173
+CMD ["nginx", "-g", "daemon off;"]
\ No newline at end of file