github io와 github actions로 자동배포

1. .github/workflows 디렉토리 내에 새 워크플로우 파일을 만듭니다. 파일 이름은 원하는 대로 지정할 수 있으며, 예를 들어 deploy.yml로 지정할 수 있습니다. 파일은 YAML 형식으로 작성되어야 합니다.
2. 다음 코드를 워크플로우 파일에 추가합니다:
   name: Deploy to GitHub Pages
   
   on:
     push:
       branches:
         - main  # 자신의 메인 브랜치 이름으로 변경
     workflow_dispatch:
   
   jobs:
     deploy:
       runs-on: ubuntu-latest
   
       steps:
       - name: Checkout repository
         uses: actions/checkout@v2
   
       - name: Setup Node.js
         uses: actions/setup-node@v2
         with:
           node-version: '14.x'
   
       - name: Build and Deploy
         run: |
           npm install
           npm run build
           mv dist/* ./
           touch .nojekyll
           echo "Your GitHub Pages site is now deployed!" 
   
       - name: Deploy
         uses: peaceiris/actions-gh-pages@v3
         with:
           personal_token: ${{ secrets.ACCESS_TOKEN }}
           publish_branch: gh-pages
           publish_dir: ./
   
   
3. 위 코드에서 main을 자신의 메인 브랜치 이름으로 변경하고, publish_branch 및 publish_dir 매개 변수를 배포할 브랜치 및 디렉토리에 맞게 조정합니다. 하위 디렉토리에서 배포하려면 deploy 작업에 working-directory 매개 변수를 추가할 수 있습니다.
4. repo 및 workflow 범위를 가진 개인 액세스 토큰 (PAT)을 만듭니다. GitHub 계정에서 "Settings" -> "Developer settings" -> "Personal access tokens"로 이동하여 새 토큰을 만들 수 있습니다. 값을 복사하여 클립보드에 저장합니다.
5. 저장소에서 "Settings" -> "Secrets"로 이동하여 ACCESS_TOKEN이라는 새 비밀을 만듭니다. PAT 값을 "Value" 필드에 붙여넣고 비밀을 저장합니다.
6. 변경 사항을 커밋하고 저장소에 푸시합니다. 워크플로우는 이제 메인 브랜치에 변경 사항을 푸시할 때마다 자동으로 실행되며, 저장소의 Actions 탭에서 수동으로 트리거할 수도 있습니다.