ESlint 란?

Lint란, 실보푸라기를 의미.
프로그래밍에서도 실보푸라기같은 코드들이 있다. '더러운 코드(?)'

당장은 코드가 돌아가도, 다른 사람들이 읽기에는 좋지 않다.

 

이 부분들을 잡아주기 위해 코드의 오류, 코드 스타일 등을 점검하는 것을 '린터' 또는 '린트'라고 부른다.

이를 사용하면 가독성을 높여줄 뿐만 아니라 동적 언어의 특성인 런타임 버그를 예방할 수 있다고 한다.

 

ESLint는 뭔데 ?

ES(EcmaScript : 자바스크립트) + Lint 를 말하며, 확장성이 좋아 많이 쓰이고 있다.

 

여기서 말하는 확장성이란,

다양한 플러그인을 사용할 수 있기 때문에 새로운 규칙을 추가할 수 있고 손쉽게 다른 회사나 사람의 설정을 도입할 수 있다는 것을 말한다.

 

ESLint로 가장 많이 쓰이는 것이 airbnb에서 정의한 자바스크립트 규칙이라고 한다.

잘못된 자바스크립트 문법과 정해진 코드 스타일을 잡아준다.

 

실제로 VSCode에서 extensions로 eslint를 설치하여 사용하고 있다.

특히, React에서 쓰지 않는 컴포넌트나 함수들을 금방 알 수 있어 로직 정리하기 쉽다.

더 자세한 설명과 설치방법, 적용하여 쓰는 방법은 참고사이트를 참고하면 된다.

 

---

참고사이트

 

https://seogeurim.tistory.com/15?category=981579 

내 프로젝트에 ESLint & Prettier 도입하기 (VSCode)