[INFRA] Setting : Frontend Dockerfile 수정

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;"]