자바스크립트/프레임워크

    ESlint 설치해서 사용해보기

    ESlint 란 무엇인가요? ESlint 는 ES (ECMAScript) + Lint (에러 코드 표식) 을 조합한 단어로 코드에 특정한 스타일을 적용해서 사전에 문제가 발생하지 않도록 예방할 수 있게 도와주는 정적 분석 툴입니다. ESlint 를 사용하면 다양한 플러그인들을 사용해 규칙들을 추가하고 사용자의 설정에 맞게 커스텀 하는것이 가능합니다. 이를 미리 정해놓고 개발을 시작하면, 그룹간의 같은 환경에서 개발을 진행할 수 있다는 장점이 있습니다. 대부분의 협업에서는 먼저 ESlint 부터 설치하고 규칙들을 미리 정해놓는것부터 시작합니다. 따라서 ESlint 를 미리 사용해보는것은 추후에 진행할 프로젝트에 대비하기 좋은 경험이 될 수 있습니다. ESlint 설치해보기 ESlint 설치의 공식문서에서 ..

    ESlint 적용이 안되는 경우 해결법

    ESlint 적용이 안 될 경우 위와 같이 설정한 경우에도 ESlint 가 적용되지 않는 경우에 output 을 확인시 아래와 같은 에러메세지가 출력되는 분들이 있을 수 있습니다. 이 경우 node 버전이 낮아서 생기는 문제로 추가적으로 import plugin 을 설치해주셔야 정상적으로 동작합니다. npm install D eslint-plugin-import 에러 메세지가 사라지고 정상적으로 ESlint 가 동작하는 것을 확인할 수 있습니다.