eslint?
ESLint 는 ECMAScript를 기반으로 소스코드의 문법적인 오류나 안티 패턴을 찾아주고 일관된 코드 스타일로 작성하게 도와주는 도구이다.
개인적으로는 VSC에서 Extension에서 찾아서 설치 하였다.
공식 홈페이지에서는 npm 혹은 yarn을 통해 설치 할 수 있다.
ES는 ECMAScript은 약자이며 Lint는 보푸라기라는 뜻이다. 그렇다면 먼저 ECMAScript 부터 찾아 보자
ECMAScript?
Ecma International 이라는 곳에서 ECMA-262 기술 규격에 따라 정의 하고 표준화된 스크립트 프로그래밍 언어라고 한다. 자바 스크립트를 표준화 하기 위해 만들어 졌다고 한다.
1996년 넷스케이프에서 넷스케이프 네이게이터를 출시하면서 자바스크립트를 지원하였다고 한다. 그러면서 웹페이지를 동작을 향상시키는 언어로 자바스크립트가 성공하였다.
그런데 마이크로소프트가 이와 적당히 호환되는 J스크립트를 개발하고 그 언어를 포함한 인터넷 익스플로러 3.0을 출시 하였다고 한다.
여기서 넷스케이프에서 기술 규격을 표준화 하기 위해 ECMA International에 제출 하였고 이것이 ECMA-262의 시작이라고 한다. ECMA-262의 표준화된 언어의 이름이 ECMA 스크립트이라고 한다. 여러 개정을 걷혔다고 한다.
다시 eslint로
ESLint설치는 아래 공식 홈페이지를 참고기로 하자. -g(글로벌) 설치보다는 프로젝트별 설치를 해서 설정을 해나가는 것이 좋다고 한다.
eslint 와 prettier
eslist 가 코드의 문법을 잡아주단면 prettier는 코드 포매터 라고 한다.
코드 포매터란 개발자가 작성한 코드를 정해진 코딩 스타일을 따르도록 변환 해주는 도구라고 한다. 이중에서 prettier가 가장 인기가 있다고 하고, ESLint 와 자주 같이 쓰이며, nestjs 기본 설치에 typescript와 더불어 같이 기본 세팅으로 제공하고 있다.
Prettier만 써도 획일화 된 코딩 스타일을 제공 받을 수 있어, 협업 단계에서 불편 없이 진행 할 수 있게 도와준다고 한다.
참조
[ESLint 조금 더 잘 활용하기,카카오테크,2022년03월31일 접속]
https://tech.kakao.com/2019/12/05/make-better-use-of-eslint/
[Getting Started with ESLint,ESLint,2022년03월31일 접속]
https://eslint.org/docs/user-guide/getting-started
[ECMA스크립트,위키백과,2022년03월31일 접속]
https://ko.wikipedia.org/wiki/ECMA%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8
[[JS] ESLint 적용하기,INGG,2022년03월31일 접속]
https://ingg.dev/eslint/
[[자바스크립트] Prettier로 코딩 스타일 통일하기,DaleSeo,2022년03월31일 접속]
https://www.daleseo.com/js-prettier/
