WIP

.github/workflows/main.yml

@@ -11,49 +11,51 @@ jobs:
     runs-on: ubuntu-latest
     permissions:
       pull-requests: write
+
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v2
+      - name: Checkout 🏁
+        uses: actions/checkout@v2
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v2
         with:
-          node-version: '18'
+          node-version: 16
+
       - name: Check current directory
         run: |
           echo "Current directory:"
           pwd
           echo "Directory content:"
           ls -la
+
       - name: Change to project dic
-        run: cd /home/runner/work/Peer-Frontend/Peer-Frontend
+        run: cd /home/runner/work/FE_CICD/FE_CICD
+
       - name: Install packages
-        run: npm i /home/runner/work/Peer-Frontend/Peer-Frontend
+        run: npm i /home/runner/work/FE_CICD/FE_CICD
+
       - name: Prettier
-        working-directory: /home/runner/work/Peer-Frontend/Peer-Frontend
+        working-directory: /home/runner/work/FE_CICD/FE_CICD
         run: npm run format
+
       - name: Lint
-        working-directory: /home/runner/work/Peer-Frontend/Peer-Frontend
+        working-directory: /home/runner/work/FE_CICD/FE_CICD
         run: npm run lint
+
   CD:
     name: Deployment
     runs-on: ubuntu-latest
+    needs: CI
     steps:
       - name: Checkout 🏁
         uses: actions/checkout@v2
 
-      - name: Setup Node.js
-        uses: actions/setup-node@v2
-        with:
-          node-version: 16
-
-      - name: Install dependencies
-        run: npm install
-
-      - name: Build
-        run: npm run build
-
       - name: Build and push Docker image
         run: |
-          docker login -u ${{ secrets.DOCKER_USERNAME }} -p ${{ secrets.DOCKER_PASSWORD }}
-          docker build -f Dockerfile-dev -t ${{ secrets.DOCKER_USERNAME }}/${{ secrets.DOCKER_DEV_IMAGE }} .
+          touch /home/runner/work/FE_CICD/FE_CICD/.env.production
+          echo "${{ secrets.ENV_FILE }}" >> /home/runner/work/FE_CICD/FE_CICD/.env.production
+          echo "${{ secrets.DOCKER_PASSWORD }}" | docker login -u "${{ secrets.DOCKER_USERNAME }}" --password-stdin 
+          docker build -f Dockerfile -t ${{ secrets.DOCKER_USERNAME }}/${{ secrets.DOCKER_DEV_IMAGE }} .
           docker push ${{ secrets.DOCKER_USERNAME }}/${{ secrets.DOCKER_DEV_IMAGE }}
 
       - name: Deploy
@@ -66,6 +68,6 @@ jobs:
           script: |
             docker pull ${{ secrets.DOCKER_USERNAME }}/${{ secrets.DOCKER_DEV_IMAGE }}
             docker rm -f $(docker ps -qa)
-            docker run -d -p 80:8080 ${{ secrets.DOCKER_USERNAME }}/${{ secrets.DOCKER_DEV_IMAGE }}
+            docker run -d -p 80:3000 ${{ secrets.DOCKER_USERNAME }}/${{ secrets.DOCKER_DEV_IMAGE }}
             docker container prune -f
             docker image prune -f

Dockerfile

@@ -0,0 +1,8 @@
+FROM node:16-alpine
+WORKDIR ./src/app
+COPY package*.json ./
+RUN npm install
+COPY . .
+EXPOSE 3000
+RUN npm run build
+CMD ["npm", "start"]

src/components/CuButton.tsx

@@ -13,7 +13,7 @@ interface CuButtonProps {
   startIcon?: React.JSX.Element // 버튼 텍스트 앞에 들어갈 아이콘
   endIcon?: React.JSX.Element // 버튼 텍스트 뒤에 들어갈 아이콘
   fullWidth?: boolean // width: 100%
-  disabled?: boolean
+  disabled?: boolean // 버튼 비활성화
 }
 
 const CuButton = ({