ESLint를 사용하기 위해선 먼저 npm을 통해 패키지를 설치해야 합니다. 아래의 명령어를 사용하여 설치할 수 있습니다.

npm install eslint --save-dev

ESLint가 설치되었다면 프로젝트 폴더에 .eslintrc 파일을 생성하여 설정을 추가해야 합니다. 이 파일은 ESLint가 어떤 규칙을 적용할지를 정의합니다. 예를 들어, 다음과 같이 .eslintrc 파일을 작성할 수 있습니다.

{
  "extends": "eslint:recommended",
  "rules": {
    "no-unused-vars": "error",
    "no-console": "warn"
  },
  "env": {
    "browser": true,
    "node": true
  }
}

위의 예시에서는 eslint:recommended를 extends로 설정하여 기본적인 규칙을 따르도록 합니다. 또한, no-unused-vars를 error로 설정하여 사용하지 않은 변수를 에러로 표시하도록 하고, no-console을 warn으로 설정하여 console.log 같은 콘솔 출력을 경고로 표시하도록 했습니다. 마지막으로, env 항목을 통해 브라우저와 노드 환경에서 동작하는 것을 설정했습니다.

설정이 완료되면 아래의 명령어를 사용하여 ESLint를 실행할 수 있습니다.

npx eslint your-file.js

위의 명령어에서 your-file.js는 코드를 분석할 대상 파일명입니다. ESLint는 해당 파일을 분석하고 불필요한 코드를 찾아내어 경고나 에러 메시지로 알려줍니다.

ESLint는 확장 가능하며 다양한 플러그인을 통해 추가 규칙을 사용할 수 있습니다. 또한, 지원하는 IDE나 편집기에서는 ESLint 플러그인을 설치하여 코드 작성 시 실시간으로 경고나 에러를 표시할 수 있습니다.

ESLint는 자바스크립트 코드의 품질과 유지보수성을 향상시키는 강력한 도구이므로 프로젝트에서 적극적으로 사용하는 것을 추천합니다.

참고 자료:

• ESLint 공식 사이트
• ESLint 규칙 (Rules)