​

Linter란?

Linter 혹은 Lint는 소스 코드를 분석해 오류나 오타, 잠재적인 버그를 찾아주는 도구입니다.

javascript는 다른 언어들에 비해 유연한 문법 구조를 갖습니다. 이런 특징은 찾기 어려운 버그를 만들기도하고, 코드를 실행하기 전까지 알 수 없는 오류를 만들기도 합니다.

Lint를 사용하면 검증을 자동화하여 이런 문제를 예방할 수 있습니다. 가장 많이 사용되는 javascript 린터로는 ESLint와 코드 포맷터인 Prettier, css 린터인 Stylelint가 있습니다.

​

​

ESLint

2002년 JSON을 만든 더글라스 크락포드가 자바스크립트 린터인 JSLint를 만들었습니다. 이후 니콜라스 자카스가 JSLint의 확장성에 한계를 느껴 더 유연하고 확장이 용이한 ESLint를 만들었습니다.

개발자가 직접 자신의 컨벤션 가이드를 작성할 수 있고, 다른 곳에서 작성한 가이드를 확장하여 사용할 수 도 있게 기존의 문제라고 인식했던 확장성에 많은 변화를 준 Lint입니다.

​

​

​

​

*해당 포스팅은 기초부터 완성까지, 프런트엔드의 내용을 공부하며 기록해 놓은 것입니다.

​

​

👀요약

요새 Lint의 설정은 프론트엔드 개발에 필수적인 도구로 자리잡았고, 개인적인 의견으로 컨벤션 규칙을 정하는 것은 협업, 코드 공개 등 다양한 이유에서건 꼭 필요한 작업이라고 느끼고 있어 설정을 추천하고 싶습니다.