공유/ESLint

[eslint] 사용하지 않는 변수 찾기

구하천포 2024. 10. 21. 18:46

사용하지 않는 변수와 관련된 eslint 규칙에 대해 알아보도록 하겠습니다.
최종 규칙을 보여드리면 아래와 같습니다.
하나씩 알아보도록 하겠습니다.

{
  "rules": {
    "no-unused-vars": "off",
    "@typescript-eslint/no-unused-vars": [
      "error",
      {
        "args": "none",
        "argsIgnorePattern": "^_",
        "varsIgnorePattern": "^_",
        "ignoreRestSiblings": true
      }
    ]
  }
}

no-unused-vars

JavaScript로 작성된 코드의 경우에만 적용이 됩니다.

만약 JavaScript 프로젝트만 사용하신다면 아래처럼 작성해주시면 됩니다.

{
  "rules": {
    "no-unused-vars": "off"
  }
}

@typescript-eslint/no-unused-vars

TypeScript로 작성된 코드의 경우 적용됩니다.
설정되어 있는 JavaScript용 eslint를 off 해주신 다음 사용하시면 됩니다.
추가 옵션으로 사용하지 않는 변수에 대해 prefix _ 를 사용하여 에러 표시가 되지 않도록 하였습니다.

{
  "rules": {
    "no-unused-vars": "off",
    "@typescript-eslint/no-unused-vars": [
      "error",
      {
        "args": "none",
        "argsIgnorePattern": "^_",
        "varsIgnorePattern": "^_",
        "ignoreRestSiblings": true
      }
    ]
  }
}
반응형