ESLint

What is ESLint

• JavaScript 코드에서 발견된 패턴을 식별하고 보고한다.
  • ESLint는 JavaScript 구문 분석을 위해 Espree 를 사용
• JavaScript 코드 문제를 찾아서 고치는 정적 분석 도구
  • 코드의 일관성을 높이고 버그를 방지하는 것을 목표
• ESLint는 완전히 플러그인 가능
  • 모든 단일 규칙은 플러그인
  • 런타임에 더 추가 가능
• 자동 수정이 가능한 룰은 eslint —fix 명령어로 자동 수정 가능

ESLint 동작 방식

1. Parser가 자바스크립트 코드 분석

1. Parser가 자바스크립트 코드를 분석

2. AST로 만든다.

   — Parser은 babel-eslint, Esprima 선택 가능. default는 Esprima이다.

2. AST

• 컴파일러에서 사용되는 자료구조
  • 소스코드의 구조 트리 형태를 표현한 것

가지고 있는 노드 정보

• 자신이 어떤 노드인지 알려주는 노드 타입
• 소스 코드에서의 노드의 위치
• 하위 자식 노들에 대한 레퍼런스

• Esprima는 이보다 더 많은 데이터가 남겨있음. (ESTree spec 참고)