darren, dev blog

환경 구성 (1) : lint: estlint, stylelint, formatter: prettier

lint와 formatter는 무엇이 다른가. https://prettier.io/docs/en/comparison.html 1. eslint 설정 npm install eslint --save-dev - extends와 plugins는 무슨 차이인가? plugin은 eslint에 추가적인 속성을 부여하는 것이다. 예를 들어 react의 훅에 적용되는 규칙을 위해서 eslint-plugin-react-hooks을 설치하고 plugin에 등록한 뒤 react-hooks/exhaustive-deps 룰을 적용하는 것이 plugin을 사용하는 일반적인 흐름이다. 반면 extends는 plugin 등을 설치하였을 때 추가되는 각종 rule들을 하나하나 수작업으로 설정하기보다는 recommended된 옵션을 넣어..