ESLint란?

ESLint 에서 ES는 EcmaScript를 의미하고 Lint는 에러가 있는 코드에 표시를 달아놓는 것을 의미합니다. 즉 ESLint는 JS문법 중 에러가 있는 곳에 표시를 달아놓는 도구를 뜻합니다.
ESLint는 사용자가 직접 정의한대로에러를 검사하고 볼 수 있습니다.
또한 에러 뿐만 아니라 코딩 스타일도 정할 수 있기때문에 많은 사람들이 협업을 할 때 사용하고 있습니다.

ESLint 설정법

우선 ESLint를 설치합니다.

npm install -g eslint

그리고 프로젝트의 폴더에서 다음과 같이 진행합니다.

$ eslint --init
? How would you like to configure ESLint? Use a popular style guide
? Which style guide do you want to follow? Standard
? What format do you want your config file to be in? JavaScript

그리고 프로젝트 루트 디렉터리에서 .eslintrc.js 라는 파일이 생겼습니다.

이제 .eslintrc.js 에서 사용자가 원하는 대로 커스텀을 해서 사용을 하면 됩니다.

module.exports = {
  // 확장할 설정
  "extends": [ "eslint:recommended", ...],
  // 플러그인 추가
  "plugins": [ "import", ... ],
  // 사용할 규칙 설정
  "rules": {
      "semi": "error",
      "no-console": "error",
  },
}