여기서는 GitHub Actions를 사용하여 Prettier와 코드 문제 추적 시스템(예: Jira 또는 GitHub Issues)을 연동하는 방법을 안내하겠습니다.

1. Prettier 설정 파일 만들기: 프로젝트 루트 디렉토리에 .prettierrc 또는 prettier.config.js 파일을 만들고, 다음과 같은 예와 같이 Prettier 옵션을 설정합니다.

    {
      "semi": false,
      "singleQuote": true,
      "tabWidth": 2,
      "useTabs": false,
      "trailingComma": "all"
    }
   

2. GitHub Actions 워크플로우 설정: 프로젝트 루트 디렉토리에 .github/workflows 폴더를 만들고, prettier.yml과 같은 이름의 파일을 만듭니다.

    name: Prettier Check
   
    on: [push]
   
    jobs:
      prettier:
        runs-on: ubuntu-latest
        steps:
        - name: Checkout code
          uses: actions/checkout@v2
        - name: Install dependencies
          run: npm install
        - name: Run Prettier
          run: npm run prettier:check
   

3. Prettier 스크립트 추가: package.json 파일에 Prettier를 실행하는 스크립트를 추가합니다.

    {
      "scripts": {
        "prettier:check": "prettier --check .",
        "prettier:write": "prettier --write ."
      }
    }
   

4. 코드 문제 추적 시스템과 연동: Prettier 검사가 실패할 경우 해당 시스템에 이슈를 작성하도록 GitHub Actions 워크플로우에 추가합니다.

위 과정을 통해 Prettier와 코드 문제 추적 시스템을 연동할 수 있습니다. 코드 변경 사항을 추적하고, Prettier를 통해 코드 일관성을 유지하면서 프로젝트의 품질을 향상시킬 수 있습니다.