200904 [ESlint]

ESlint

  : linting 을 위해 개발된 유틸리티

 

  Eslint 는 node.js 로 개발 되어서 npm으로 쉽게 설치가 가능하고  설치 후 기본적으로 제공되는 몇가지의 규칙이 제공된다. ESlint의 장점으로 오류를 찾아 내는 규칙을 동적으로 언제나 사용자가 직접적으로 작성 및 수정 할 수 있다는 것이다. 보통 프로그램을 코딩 할 때 오류를 찾기 위해서 따로 코딩을 해줘야 했지만 ESlint를 이용하면 그 수고를 조금은 줄여줄수 있다. 

※ lint = 보풀이라는 뜻으로 linting 은 보풀을 제거 한다는 뜻으로 프로그래밍에서는 오류를 제거하다 라는 뜻을 갖는다.

 

★설치하기 

  - npm 으로 제작 vsCode 터미널에서 다음 명령어를 입력하면 쉽게 설치가 가능 하다 

 

$ npm install eslint

@ ESlint 를 설치할 때 몇가지 선택사항을 정해야 하는데 다음과 같다

1. ESlint 를 어떻게 이용 할 것인지 (How would you like to use ESLint?)

2. 프로젝트에서 사용하는 모듈은 어떤 타입인지 (What type of modules does your project use?)

3. 프로젝트에 사용하는 프레임워크는 어떤 것인지 (Which framework does your project use?)

4. 프로젝트에 TypeScript 가 사용 되는지 (Does your project use TypeScript?)

5. 작성된 코드는 어디에서 실행 할 것 인지 (Where does your code run?)

6. 작성되는 포맷은 어떤 형식의 파일인지 (What format do you want your config file to be in?)

 

위의 선택사항에서 해당 사항을 선택하면 된다. 참고로 마지막 6번의 선택사항이 페어 또는 팀의 선택과 다르면 ESlint 오류가 나게 되어 호환 되지 않는다.

 

※ ESlint 에서 제공되는 오류의 단계는  off, wanring, error 세 가지가 있고 규칙을 설정할때 정하거나 후에 수정이 가능하다.

 

※ 작성방법과 ESlint에서 제공되는 rule은 ESlint 공식 홈페이지에 자세히 나와 있어서 찾아서 사용 하거나, 발생되는 오류에 대한 이유와 해결 예시가 잘 나와 있다. 공식 홈페이지가 영어기 때문에 영어공부에 도움도 된다.

 

 

공식 사이트 : eslint.org/

ESLint - Pluggable JavaScript linter