[cicd] : workflow 스크립트, 도커파일 추가

Author: hyoseong-Choi

.dockerignore

@@ -0,0 +1 @@
+node_modules

.github/workflows/cicd.yml

@@ -0,0 +1,61 @@
+# github repository actions 페이지에 나타날 이름
+name: CI/CD for front using github actions
+
+# event trigger
+# develop 브랜치에 pull_request가 닫히거나 푸시했을때 실행
+on:
+  pull_request:
+    types: [closed]
+    branches: [ "develop" ]
+  push:
+    branches: [ "develop" ]
+
+
+permissions:
+  contents: read
+
+jobs:
+  front-cicd:
+    runs-on: ubuntu-latest
+    steps:
+      # 저장소 코드를 체크아웃합니다. (PR 올린 코드를 가져오는 행위)
+      - uses: actions/checkout@v4
+
+      # Node.js 환경 설정
+      - name: Use Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22 # 지정된 Node.js 버전 사용
+          cache: npm # setup-node 의 캐시 기능을 사용함
+          cache-dependency-path: package-lock.json # 캐시 기능을 사용할 때 캐시의 기준이 될 파일을 지정
+
+      - name: Install Dependencies
+        run: npm install
+
+      - name: Build with npm
+        run: npm run build
+
+      - name: Create nginx.conf
+        run: touch ./nginx.conf
+      - run: echo "${{ secrets.NGINX_CONF }}" > ./nginx.conf
+
+      ## docker build & push to production
+      - name: Docker build & push
+        run: |
+          docker login clap.kr-central-2.kcr.dev -u ${{ secrets.DOCKER_USERNAME }} -p ${{ secrets.DOCKER_PASSWORD }}
+          docker build -t ${{ secrets.DOCKER_FRONT_REPO }} .
+          docker push ${{ secrets.DOCKER_FRONT_REPO }}
+
+      ## deploy
+      - name: Deploy
+        uses: appleboy/ssh-action@master
+        id: deploy
+        with:
+          host: ${{ secrets.FRONT_HOST }}
+          username: ${{ secrets.FRONT_HOST_USERNAME }}
+          key: ${{ secrets.FRONT_HOST_KEY }}
+          port: ${{ secrets.FRONT_HOST_PORT }}
+          script: |
+            docker rm -f taskflow-front
+            docker image rm ${{ secrets.DOCKER_FRONT_REPO }} -f
+            docker run --name taskflow-front -d -p 80:80 ${{ secrets.DOCKER_FRONT_REPO }} --restart on-failure

Dockerfile

@@ -0,0 +1,5 @@
+FROM nginx
+COPY nginx.conf /etc/nginx/nginx.conf
+COPY dist/* /usr/share/nginx/html/
+EXPOSE 80
+CMD ["nginx", "-g", "daemon on;"]