🐳 Docker 환경별 설정 분리 및 실행 스크립트 추가
- docker-compose.dev.yml: 개발환경 전용 설정 - docker-compose.prod.yml: 프로덕션환경 전용 설정 - scripts/dev.sh, scripts/prod.sh: 환경별 실행 스크립트 - Dockerfile 및 nginx.conf 추가로 완전한 컨테이너화 구현 - 환경변수를 통한 유연한 API URL 설정
This commit is contained in:
36
frontend/Dockerfile
Normal file
36
frontend/Dockerfile
Normal file
@@ -0,0 +1,36 @@
|
||||
# Node.js 18 베이스 이미지 사용
|
||||
FROM node:18-alpine
|
||||
|
||||
# 작업 디렉토리 설정
|
||||
WORKDIR /app
|
||||
|
||||
# 빌드 인자 받기
|
||||
ARG VITE_API_URL=http://localhost:8000
|
||||
ENV VITE_API_URL=$VITE_API_URL
|
||||
|
||||
# package.json과 package-lock.json 복사
|
||||
COPY package*.json ./
|
||||
|
||||
# 의존성 설치 (플랫폼별 바이너리 다운로드)
|
||||
RUN npm ci --force
|
||||
|
||||
# 소스 코드 복사 (node_modules 제외)
|
||||
COPY . .
|
||||
|
||||
# Vite 빌드
|
||||
RUN npm run build
|
||||
|
||||
# Nginx 이미지로 멀티스테이지 빌드
|
||||
FROM nginx:alpine
|
||||
|
||||
# 빌드된 파일을 nginx로 복사
|
||||
COPY --from=0 /app/dist /usr/share/nginx/html
|
||||
|
||||
# nginx 설정 파일 복사 (필요시)
|
||||
COPY nginx.conf /etc/nginx/conf.d/default.conf
|
||||
|
||||
# 포트 3000 노출
|
||||
EXPOSE 3000
|
||||
|
||||
# nginx 실행
|
||||
CMD ["nginx", "-g", "daemon off;"]
|
||||
Reference in New Issue
Block a user