✨version1✨(Merge dev-merge_test)

.github/workflows/deploy-frontend.yml

@@ -0,0 +1,76 @@
+name: Deploy Frontend (Docker)
+
+on:
+  push:
+    branches: ['dev-merge_test'] # 원하는 브랜치로 변경 가능
+  release:
+    types: ['published']
+
+jobs:
+  build-push-docker:
+    runs-on: ubuntu-latest
+
+    env:
+      IMAGE_NAME: gsc-portal-frontend
+      DOCKERHUB_USERNAME: sgwar
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      # Node.js 설치 (frontend 빌드용)
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20.x'
+          cache: 'npm'
+
+      # .env.production 생성
+      - name: Create .env.production
+        run: |
+          echo "VITE_API_URL=${{ secrets.VITE_API_URL }}" >> .env.production
+          echo "VITE_ENV=production" >> .env.production
+
+      # 의존성 설치
+      - name: Install dependencies
+        run: npm ci
+
+      # 프론트엔드 빌드
+      - name: Build frontend
+        run: npm run build -- --mode production
+
+      # -------------------------------
+      # Docker 이미지를 빌드 & 푸시
+      # -------------------------------
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Login to DockerHub
+        uses: docker/login-action@v3
+        with:
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+
+      # image tag 구성
+      - name: Extract Git metadata
+        id: vars
+        run: |
+          echo "BRANCH=${GITHUB_REF##*/}" >> $GITHUB_ENV
+          echo "SHORT_SHA=$(git rev-parse --short HEAD)" >> $GITHUB_ENV
+
+      - name: Build and push Docker image
+        uses: docker/build-push-action@v5
+        with:
+          context: .
+          push: true
+          platforms: linux/amd64,linux/arm64
+          tags: |
+            sgwar/gsc-portal-frontend:latest
+            sgwar/gsc-portal-frontend:${{ env.BRANCH }}-${{ env.SHORT_SHA }}
+          file: ./Dockerfile
+
+      - name: Deployment completed
+        run: |
+          echo "🚀 FRONTEND Docker image pushed!"
+          echo "📦 sgwar/gsc-portal-frontend:${{ env.BRANCH }}-${{ env.SHORT_SHA }}"

.github/workflows/deploy.yml

@@ -0,0 +1,56 @@
+name: Deploy Frontend to S3
+
+on:
+  push:
+    branches: ['develop'] # 1. 이 브랜치 이름을 'main' 등 실제 사용하는 브랜치로 변경하세요.
+  release:
+    types: ['published']
+
+jobs:
+  build-and-deploy-to-s3:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      # 2. Node.js LTS 20.x 버전으로 설정
+      - name: Set up Node.js LTS
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20.x' # LTS 버전 명시
+          cache: 'npm'
+
+      # 3. env 적용
+      - name: Create .env.production
+        run: |
+          echo "VITE_API_URL=${{ secrets.VITE_API_URL }}" >> .env.production
+          echo "VITE_ENV=production" >> .env.production
+
+      # 3. 의존성 설치 및 프로젝트 빌드
+      - name: Install dependencies
+        run: npm ci # package-lock.json을 사용해 빠르게 설치
+
+      - name: Build project
+        run: npm run build -- --mode production
+
+      # 4. AWS 자격 증명 설정
+      - name: Configure AWS Credentials
+        uses: aws-actions/configure-aws-credentials@v4
+        with:
+          aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}
+          aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+          aws-region: ap-northeast-2 # S3 버킷이 있는 리전
+
+      # 5. S3 버킷으로 빌드 결과물 업로드 (Sync)
+      #    빌드 폴더가 './dist'가 아니라면 (예: './build') 경로 수정
+      - name: Sync build folder to S3
+        run: |
+          aws s3 sync ./dist s3://${{ secrets.S3_BUCKET_NAME }} --delete
+
+      # 6. (필수) CloudFront 캐시 무효화
+      - name: Invalidate CloudFront Cache
+        run: |
+          aws cloudfront create-invalidation \
+            --distribution-id ${{ secrets.AWS_DISTRIBUTION_ID }} \
+            --paths "/*"

.gitignore

@@ -13,6 +13,8 @@ dist
 dist-ssr
 coverage
 *.local
+.env
+.env.*
 
 /cypress/videos/
 /cypress/screenshots/

.prettierrc.json

@@ -1,6 +1,7 @@
 {
-  "$schema": "https://json.schemastore.org/prettierrc",
   "semi": false,
   "singleQuote": true,
-  "printWidth": 100
+  "printWidth": 100,
+  "htmlWhitespaceSensitivity": "ignore",
+  "vueIndentScriptAndStyle": false
 }

Dockerfile

@@ -1,7 +1,13 @@
-FROM node:lts
+# --- Build Stage ---
+FROM node:lts AS build
 WORKDIR /app
 COPY package*.json ./
-RUN npm install
+RUN npm ci
 COPY . .
-EXPOSE 5173
-CMD ["npm", "run", "dev", "--", "--host"]
+RUN npm run build
+
+# --- Production Stage ---
+FROM nginx:alpine AS production
+COPY --from=build /app/dist /usr/share/nginx/html
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"]

Dockerfile.dev

@@ -0,0 +1,9 @@
+# DEV
+FROM node:lts
+WORKDIR /app
+COPY package*.json ./
+RUN npm install
+COPY . .
+COPY .env ./
+EXPOSE 5173
+CMD ["npm", "run", "dev", "--", "--host"]