CS/프로그래밍

ESLint

H.E 2023. 7. 23. 20:35

ESLint란

ESLint는  ‘작성한 JS코드가 EcmaScript재단에서 명시한 Specifiaction에 부합하는지 검사해주는 툴’ 이라고 할 수 있음 ESLint는 문자 그대로 ES와 Lint를 합친 것 ES는 EcmaScript로서 Ecma재단에서 만든 Script Specification이라 할 수 있고 Lint는 에러가 있는 코드에 표시를 달아주는 것을 의미함 ESLint는 코드에 특정 스타일과 규칙을 적용해서 문제를 사전에 찾고 패턴을 적용시킬 수 있는 정적 분석 툴로 분류 함 기본적인 기능은 에러도출이나 전반적인 코딩스타일(tab설정, ; 여부, usingSpaces 등)을 직접 정할 수도 있음

 

ESLint는 자신의 스타일과 규칙을 정해서 사용할 수도 있고 대기업에서 사용하는 스타일과 규칙이 정해준 rule을 적용시킬 수도 있음 이렇게 에러와 코딩 스타일을 잡아주기 때문에 한 사람이 코딩한 것처럼 할수 있기 때문에 많은 사람들과 협업할때 특히 유용함

 

.eslint 파일은 JavaScript, JSON 또는 YAML 파일을 이용해서 정의할 수 있음 단 해당 파일은 적용하고자 하는 폴더들이 모인 루트 폴더에 넣어 주어야 함

 

ESLint 명령어

ESLint를 설치

npm install -D eslint

 

ESLint를 초기화

.\node_modules\.bin\eslint --init

 

그럼 ESLint를 사용할 준비가 되었음

 

모든 파일의 에러를 보고 싶다면

.\node_modules\.bin\eslint [파일명|디렉토리]

 

모든 파일 fix하고 싶다면

.\node_modules\.bin\eslint ** --fix

 

확장자 .js 파일만 fix하고 싶다면

.\node_modules\.bin\eslint **/*.js --fix

'CS > 프로그래밍' 카테고리의 다른 글

스택과 큐  (2) 2023.10.11
리덕스  (0) 2023.07.23
이벤트 루프  (0) 2023.07.23
이벤트 버블링  (4) 2023.07.16
클로저  (2) 2023.07.16