github actions 를 사용해서 빌드/배포하기

github actions 란?

Github Actions는 Github에서 제공하는 CI/CD 도구입니다. 이를 이용하면 코드의 변경사항이 있을 때마다 자동으로 빌드하고 배포할 수 있습니다.

사용방법

1. Github 레포지토리에서 Actions 탭을 클릭합니다.
2. "Set up a workflow yourself" 버튼을 클릭합니다.
3. 원하는 언어와 빌드 도구를 선택합니다.
4. .yml 파일을 수정하여 원하는 빌드 및 배포 설정을 추가합니다.

또는

1. 루트 디렉토리에서 .github/workflows/deploy.yml 을 만듭니다.

소스

root 에서 .github/workflows 밑에 deploy.yml 파일을 만들어 줍니다.
아래와 같이 만들게 되면, 우분투, 노드 체크아웃 및 설치 => 노드모듈을 설치 => 캐시가 있는지 확인 => 캐시 유무에 따라 설치(바뀐 부분이 있다면 설치) => 빌드 를 따르게 된다.

name: Deploy

on:
  push:
    branches: [master]
jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout source code.
        uses: actions/checkout@v3

      - name: Setup Node v.
        uses: actions/setup-node@v3
        with:
          node-version: "18"

      - name: Confirm Cache.
        uses: actions/cache@v3
        id: cache
        with:
          path: frontend/node_modules
          key: ${{ runner.os }}-nodemodules-${{ hashFiles('**/yarn.lock') }}
          restore-keys: |
            ${{ runner.os }}-nodemodules-

      - name: Install Dependencies.
        if: ${{ steps.cache.outputs.cache-hit != 'true' }}
        working-directory: frontend
        run: yarn install --frozen-lockfile

      - name: Build.
        working-directory: frontend
        run: yarn build