From 8cb054d891fe08c562ba68c2f2e0e5a4bee47574 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=8B=A0=EC=B0=BD=EC=97=BD?= <schy2504@naver.com>
Date: Mon, 10 Jun 2024 17:17:35 +0900
Subject: [PATCH] =?UTF-8?q?[INFRA]=20Setting=20:=20Frontend=20Dockerfile?=
 =?UTF-8?q?=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .DS_Store           | Bin 6148 -> 6148 bytes
 frontend/Dockerfile |  39 ++++++++++++++-------------------------
 2 files changed, 14 insertions(+), 25 deletions(-)

diff --git a/.DS_Store b/.DS_Store
index ff2693063f8441bcdd87ff9b3b40cbf4248b8cd6..2ac9490b184b224be106dc61119acb99ebcb7974 100644
GIT binary patch
delta 80
zcmZoMXfc=|#>B!ku~2NHo+2ab#(>?7iv?Ji7+E*-Fui8v=3q!;C}PNG$YUtk{D_&A
iX)`+qKL=3#W=59p%#-;=961;n7?>D<U~`1X8fE|pD-nzU

delta 68
zcmZoMXfc=|#>B)qu~2NHo+2a5#(>?7j4YdZSY9)37H9jwxUoTjX)`+qKL=3FW<iec
W%#-;=961<(fRTZLWpjkc8fE}x?GPLQ

diff --git a/frontend/Dockerfile b/frontend/Dockerfile
index bf358d33..08d7fecc 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