[eslint] 구조 분해 할당 관련 규칙

구조 분해 할당과 관련된 eslint 규칙에 대해 알아보도록 하겠습니다.
최종 규칙을 보여드리면 아래와 같습니다.
하나씩 알아보도록 하겠습니다.

{
  "rules": {
    "prefer-destructuring": "off",
    "no-empty-pattern": "error",
    "no-useless-rename": "error",
    "no-unused-vars": "warn",
     "@typescript-eslint/no-unused-vars": [
      "error",
      {
        "args": "none",
        "argsIgnorePattern": "^_",
        "varsIgnorePattern": "^_",
        "ignoreRestSiblings": true
      }
    ]
  }
}

prefer-destructuring

구조 분해 할당을 권장하는 규칙입니다. 옵션으로 객체, 배열에 대해 따로 설정해줄 수 있습니다.
개인적으로 강제할 필요까지는 없다고 생각하여 규칙에 추가하지는 않았습니다.

no-unused-vars, @typescript-eslint/no-unused-vars

사용하지 않는 변수에 대해 처리하는 규칙입니다.
상세한 정보는 해당 게시글에서 확인 부탁드립니다.

no-empty-pattern

빈 구조 분해 할당 패턴은 의미가 없기 때문에 불필요한 코드 작성을 방지해줍니다.

// bad
const {} = obj;
const [] = arr;

no-useless-rename

구조 분해 할당 시 동일한 이름으로 속성을 재할당 하는 것을 방지하는 규칙입니다.

// bad
const { x: x } = obj;

// good
const { x } = obj;
const { x: name } = obj;