🐛 [HotFix] Fix docker-cd.yml

.github/workflows/docker-cd.yml

@@ -16,37 +16,53 @@ jobs:
       - name: Set up Docker Buildx
         uses: docker/setup-buildx-action@v1
 
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v2
+
       - name: Login to DockerHub
         uses: docker/login-action@v1
         with:
           username: ${{ secrets.DOCKER_USERNAME }}
           password: ${{ secrets.DOCKER_PASSWORD }}
 
       - name: Build and push backend Docker image
-        run: |
-          cd backend
-          docker build -t ${{ secrets.DOCKER_USERNAME }}/ghostserver:latest .
-          docker push ${{ secrets.DOCKER_USERNAME }}/ghostserver:latest
+        uses: docker/build-push-action@v4
+        with:
+          context: .
+          file: ./backend/Dockerfile
+          platforms: linux/amd64, linux/arm64/v8
+          push: true
+          tags: ${{ secrets.DOCKER_USERNAME }}/ghostserver:latest
 
       - name: Build and push frontend Docker image
-        run: |
-          cd frontend
-          docker build -t ${{ secrets.DOCKER_USERNAME }}/ghostclient:latest .
-          docker push ${{ secrets.DOCKER_USERNAME }}/ghostclient:latest
+        uses: docker/build-push-action@v4
+        with:
+          context: .
+          file: ./frontend/Dockerfile
+          platforms: linux/amd64,linux/arm64/v8
+          build-args: |
+            VITE_BASE_URL=${{ secrets.VITE_BASE_URL }}
+            VITE_API_URL=${{ secrets.VITE_BASE_URL }}/api/v1
+            VITE_ASSET_URL=${{ secrets.VITE_BASE_URL }}
+          push: true
+          tags: ${{ secrets.DOCKER_USERNAME }}/ghostclient:latest
+
   deploy-to-ec2:
     runs-on: ubuntu-latest
     needs: build-and-push
 
     steps:
       - name: Deploy to Server
-        run: |
-          ssh-keyscan ${{ secrets.EC2_HOST }} >> ~/.ssh/known_hosts
-          echo "${{ secrets.SERVER_SSH_KEY }}" > ${{ secrets.EC2_KEY }}
-          chmod 600 ${{ secrets.EC2_KEY }}
-          scp docker-compose.yml ${{ secrets.EC2_USER }}@${{ secrets.EC2_HOST }}:~/docker-compose.yml
-          ssh -i ${{ secrets.EC2_KEY }} ${{ secrets.EC2_USER }}@${{ secrets.EC2_HOST }} << 'ENDSSH'
-            docker pull ${{ secrets.DOCKER_USERNAME }}/ghostserver:latest
-            docker pull ${{ secrets.DOCKER_USERNAME }}/ghostclient:latest
-            docker compose -f ~/docker-compose.yml down
-            docker compose -f ~/docker-compose.yml up -d
-          ENDSSH
+        uses: appleboy/ssh-action@master
+        with:
+          host: ${{ secrets.EC2_HOST }}
+          username: ${{ secrets.EC2_USER }}
+          key: ${{ secrets.SERVER_SSH_KEY }}
+          envs: GITHUB_SHA
+          script: |
+            sudo docker ps
+            sudo docker compose -f ~/docker-compose.yml down && \
+            sudo docker pull ${{ secrets.DOCKER_USERNAME }}/ghostserver:latest && \
+            sudo docker pull ${{ secrets.DOCKER_USERNAME }}/ghostclient:latest && \
+            sudo docker compose -f ~/docker-compose.yml up -d
+            sudo docker image prune -f

frontend/Dockerfile

@@ -2,6 +2,14 @@ FROM node:18-alpine AS builder
 
 WORKDIR /app/frontend
 
+ARG VITE_BASE_URL
+ARG VITE_API_URL
+ARG VITE_ASSET_URL
+
+ENV VITE_BASE_URL=$VITE_BASE_URL
+ENV VITE_API_URL=$VITE_API_URL
+ENV VITE_ASSET_URL=$VITE_ASSET_URL
+
 COPY ./frontend /app/frontend
 
 COPY ./game /app/game
@@ -17,4 +25,3 @@ COPY --from=builder /app/frontend/dist /app/dist
 COPY ./frontend/nginx.conf /etc/nginx/conf.d/default.conf
 
 ENTRYPOINT ["nginx", "-g", "daemon off;"]
-

frontend/src/pages/MessagePage/BlockModal/BlockModal.tsx

@@ -43,7 +43,7 @@ export const BlockModal = ({ isOpen, onClose }: Omit<ModalProps, 'children'>) =>
           <GameInput
             value={nickname}
             onChange={handleNicknameChange}
-            sizes="sm"
+            sizes="lg"
             color="secondary"
             placeholder="플레이어 닉네임"
             style={{ flexGrow: 1 }}

frontend/src/pages/MessagePage/FriendsModal/FriendsModal.tsx

@@ -52,7 +52,7 @@ export const FriendsModal = ({ isOpen, onClose }: Omit<ModalProps, 'children'>)
           <GameInput
             value={nickname}
             onChange={handleNicknameChange}
-            sizes="sm"
+            sizes="lg"
             color="secondary"
             placeholder="플레이어 닉네임"
             style={{ flexGrow: 1 }}