ci: local 모드 deploy workflow

.github/workflows/deploy.yml

@@ -0,0 +1,98 @@
+---
+name: Deploy
+
+on:
+  workflow_dispatch:
+  push: &trigger
+    branches:
+      - main
+    paths:
+      - ".github/workflows/deploy.yml"
+      - ".dockerignore"
+      - "Dockerfile"
+      - "components.json"
+      - "index.html"
+      - "package.json"
+      - "pnpm-*.json"
+      - "tsconfig*.json"
+      - "vite.config.*"
+      - "src/**"
+      - "public/**"
+      - "root/**"
+  pull_request: *trigger
+  release:
+    types:
+      - published
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v6
+
+      - name: Login to GHCR
+        uses: docker/login-action@v4
+        with:
+          registry: ghcr.io
+          username: ${{ github.repository_owner }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v4
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v4
+
+      - name: Set Variables
+        id: vars
+        run: |
+          if [ "${{ github.event_name }}" != "release" ]; then
+            echo "API_URL=${{ env.DEV_API_URL }}" >> $GITHUB_OUTPUT
+            echo "LATEST=false" >> $GITHUB_OUTPUT
+            echo "TAGS=dev" >> $GITHUB_OUTPUT
+          else
+            echo "API_URL=${{ env.API_URL }}" >> $GITHUB_OUTPUT
+            echo "LATEST=true" >> $GITHUB_OUTPUT
+            echo "TAGS<<EOF" >> $GITHUB_OUTPUT
+            echo "type=semver,pattern={{version}}" >> $GITHUB_OUTPUT
+            echo "type=semver,pattern={{major}}.{{minor}}" >> $GITHUB_OUTPUT
+            echo "type=semver,pattern={{major}}" >> $GITHUB_OUTPUT
+            echo "EOF" >> $GITHUB_OUTPUT
+          fi
+
+      - name: Docker meta
+        uses: docker/metadata-action@v6
+        id: meta
+        with:
+          images: |
+            ghcr.io/${{ github.repository }}
+          tags: ${{ steps.vars.outputs.TAGS }}
+          flavor: |
+            latest=${{ steps.vars.outputs.LATEST }}
+          labels: |
+            maintainer=me@zuni.kim
+            org.opencontainers.image.authors=me@zuni.kim
+            org.opencontainers.image.vendor=Team Overclock
+            org.opencontainers.image.title=Lifemap Frontend
+            org.opencontainers.image.documentation=${{ github.server_url }}/${{ github.repository }}
+            org.opencontainers.image.ref.name=${{ github.ref_name }}
+
+      - name: Build and push
+        uses: docker/build-push-action@v7
+        with:
+          platforms: linux/amd64,linux/arm64
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+          target: ${{ steps.vars.outputs.LATEST == 'true' && 'prod' || 'dev' }}
+          build-args: |
+            VITE_API_URL=${{ steps.vars.outputs.API_URL }}
+            VITE_BACKEND_URL=${{ steps.vars.outputs.API_URL }}
+            VITE_KAKAO_MAP_API_KEY=${{ secrets.KAKAO_MAP_API_APP_KEY }}
+            VITE_KAKAO_MAP_API_APP_KEY=${{ secrets.KAKAO_MAP_API_APP_KEY }}
+
+          # pr에서는 테스트용이기 때문에 push하지 않음 (dry-run)
+          push: ${{ github.event_name != 'pull_request' }}
+
+          cache-from: type=gha
+          cache-to: type=gha,mode=max

.gitignore

@@ -29,3 +29,6 @@ dist-ssr
 
 # empty directory
 !**/.empty
+
+# docker
+.pnpm-store

Dockerfile

@@ -3,53 +3,71 @@
 # 공통: node
 FROM ghcr.io/linuxserver/baseimage-alpine:3.23 AS base-node
 
-RUN apk add --no-cache nodejs npm
+LABEL org.opencontainers.image.base.name="ghcr.io/linuxserver/baseimage-alpine:3.23"
 
+ENV HOME="/config"
 ENV PUID=1000
 ENV PGID=1000
-COPY root/ /
-WORKDIR /app
+VOLUME /app/node_modules
 
-# 공통: pnpm
-FROM base-node AS base-pnpm
+RUN apk add --no-cache nodejs npm
 
-# pnpm 구성
+WORKDIR /defaults
+
+# 공통: pnpm 구성
+FROM base-node AS base-pnpm
 ENV COREPACK_ENABLE_DOWNLOAD_PROMPT=0
-ENV HOME="/config"
 ENV COREPACK_HOME="/config/.corepack"
 ENV PNPM_HOME="/config/.pnpm-home"
 ENV PATH="$PNPM_HOME:$PATH"
-
 RUN npm install -g corepack && corepack enable
 
 
 
-# 운영용 이미지
-FROM base-pnpm AS prod-deps
+# 배포용 파일 사전 복사
+
+FROM scratch AS common-files
+WORKDIR /defaults
+COPY root/ /
+COPY scripts/ ./scripts
 
-# 운영용: 종속성 설치
+FROM scratch AS source-files
+WORKDIR /defaults
 COPY package.json pnpm-*.yaml ./
-RUN --mount=type=cache,id=pnpm,target=/pnpm/store pnpm install --frozen-lockfile
+COPY tsconfig*.json vite.config.ts index.html ./
+COPY src ./src
 
-# 운영용: 빌드
+
+
+# 운영용: 종속성 설치 및 빌드
 FROM base-pnpm AS prod-build
 ARG VITE_BACKEND_URL
 ARG VITE_KAKAO_MAP_API_KEY
-COPY --from=prod-deps /app/node_modules /app/node_modules
-COPY package.json pnpm-lock.yaml ./
-COPY tsconfig*.json vite.config.ts index.html ./
-COPY src ./src
+COPY package.json pnpm-*.yaml ./
+RUN --mount=type=cache,id=pnpm,target=/pnpm/store pnpm install --frozen-lockfile
+COPY --from=source-files / /
 RUN pnpm run build
 
-# 운영용: 메인
+
+
+# 운영용
 FROM base-node AS prod
 ENV MODE=production
-COPY --from=prod-build /app/dist ./dist
+COPY --from=prod-build /defaults/dist ./dist
+COPY --from=common-files / /
 COPY package.json ./
 RUN npm install -g serve
+WORKDIR /app
 
-
-
-# 개발용 이미지
+# 개발용: main 브랜치 push 시 자동 배포되는 이미지
 FROM base-pnpm AS dev
 ENV MODE=development
+COPY --from=common-files / /
+COPY --from=source-files / /
+WORKDIR /app
+
+# 로컬 개발용 이미지
+FROM base-pnpm AS local
+ENV MODE=local
+COPY root/ /
+WORKDIR /app