다음은 ESLint를 사용하여 부적절한 변수 할당 스타일을 검사하는 몇 가지 예시입니다.

1. no-unused-vars 규칙: 이 규칙은 사용되지 않은 변수를 감지합니다. 이를 통해 코드의 불필요한 변수 할당을 식별할 수 있습니다.

let unusedVariable = true;

위의 코드에서 “unusedVariable” 변수는 사용되지 않으므로 ESLint는 경고를 발생시킵니다.

1. no-shadow 규칙: 이 규칙은 동일한 이름을 가진 중첩 변수를 감지합니다. 이를 통해 의도하지 않은 변수 재할당을 방지할 수 있습니다.

function example() {
  let variable = 10;
  if (true) {
    let variable = 20;
    console.log(variable); // 20
  }
  console.log(variable); // 10
}

위의 코드에서 “variable” 변수가 중첩되어 사용되고 있으므로 ESLint는 경고를 발생시킵니다.

1. no-undef 규칙: 이 규칙은 정의되지 않은 변수를 감지하여 잘못된 변수 할당을 방지합니다.

undefinedVariable = "Hello";

위의 코드에서 “undefinedVariable” 변수가 전역 변수로 정의되어 있지 않으므로 ESLint는 경고를 발생시킵니다.

ESLint는 다양한 규칙을 사용하여 자바스크립트 코드를 검사할 수 있으며, 이를 통해 코드의 품질과 가독성을 개선할 수 있습니다. 다양한 규칙들을 조합하여 프로젝트의 스타일 가이드에 맞게 코드를 작성할 수 있습니다.

참고 자료:

• ESLint 공식 문서
• ESLint 플러그인 및 확장