DEV와 DEPLOY workflow 분리 적용

.github/workflows/deploy.yaml

@@ -0,0 +1,28 @@
+name: Deploy Doddle Frontend
+
+on:
+  push:
+    branches:
+      - main
+  workflow_dispatch:
+
+jobs:
+  build-and-deploy:
+    runs-on: self-hosted
+
+    steps:
+    - name: Checkout code
+      uses: actions/checkout@v2
+
+    - name: Build and tag Docker image
+      run: |
+        docker build --no-cache --build-arg API_DOMAIN=${{ secrets.API_DOMAIN_DEPLOY }} -t fe_deploy .
+        docker tag fe_deploy fe_deploy:latest
+
+    - name: Deploy container locally
+      run: |
+        IMAGE=fe_deploy:latest
+        docker stop FE_DEPLOY || true
+        docker rm FE_DEPLOY || true
+        docker run -d --name FE_DEPLOY -p 25120:80 $IMAGE
+        docker system prune -af

.github/workflows/dev.yaml

@@ -0,0 +1,28 @@
+name: DEV Deploy Doddle Frontend
+
+on:
+  push:
+    branches:
+      - dev
+  workflow_dispatch:
+
+jobs:
+  build-and-deploy:
+    runs-on: self-hosted
+
+    steps:
+    - name: Checkout code
+      uses: actions/checkout@v2
+
+    - name: Build and tag Docker image
+      run: |
+        docker build --no-cache --build-arg API_DOMAIN=${{ secrets.API_DOMAIN_DEV }} -t fe_dev .
+        docker tag fe_dev fe_dev:latest
+
+    - name: Deploy container locally
+      run: |
+        IMAGE=fe_dev:latest
+        docker stop FE_DEV || true
+        docker rm FE_DEV || true
+        docker run -d --name FE_DEV -p 25119:80 $IMAGE
+        docker system prune -af

Dockerfile

@@ -7,6 +7,9 @@ WORKDIR /app
 COPY package*.json ./
 RUN npm install --legacy-peer-deps
 
+ARG API_DOMAIN
+ENV VITE_API_DOMAIN=${API_DOMAIN}
+
 # 애플리케이션 코드 복사 및 빌드
 COPY . .
 RUN npm run build

src/services/api.ts

@@ -1,8 +1,10 @@
 import axios from "axios";
 import Cookies from "js-cookie";
 
+const API_DOMAIN = import.meta.env.VITE_API_DOMAIN;
+
 const axiosClient = axios.create({
-  baseURL: "https://doddle.kr/api",
+  baseURL: `https://${API_DOMAIN}/api`,
   headers: {
     "Content-Type": "application/json",
   },