goal
- WHAT IS ESLint
WHAT IS ESLint
-
ESLint란?
: ESLint는 JavaScript 코드에서 발견 된 문제 패턴을 식별하기위한 정적 코드 분석 도구입니다. ESLint의 규칙은 구성 가능하며 사용자 정의 된 규칙을 정의하고로드 할 수 있습니다. ESLint는 코드 품질과 코딩 스타일 문제를 모두 다룹니다. (by 위키)
공식문서는 여기를 참고! -> 꼭 참고하세요! 설치 및 사용법을 모두 익힐 수 있습니다. -
글로벌 설치를 추천하지 않는 이유?
: 글로벌 설치시, ESLint의 규칙을 모든 whole 프로젝트에 적용됨- 글로벌이란?
- 공식문서에서 답을 찾을 수 있음
- 어떤 디렉토리에서든지 사용할 수 있음
- 문제점? : 개별 프로젝트 진행시, 버전이 맞지 않는 문제가 생길 수 있음
- (설치를 지울 때 : uninstall)
- 글로벌로 설치되었는지 확인하는 방법
npm ls: 전체 파일 확인npm ls --depth=0: 주요 기능만 확인npm ls --depth=0 -- global: 글로벌 설치된 파일 확인
- 설치 후, eslintrc.js 파일에서, rules 에 담기 내용을 0~2(경고, 완화 등)까지로 지정해서 볼 수 있음
- eslint를 통해 경고메시지를 좀더 디테일하게 알려주어 많은 에러를 잡아줄 수 있으며, 중복 선언, 일치 연산자 사용 등 많고 디테일한 부가적인 기능들을 도와주어, 더 나은 코드를 지향할 수 있음
- 글로벌이란?
ESLint 설치
공식문서는 여기를 참고! -> 꼭 참고하세요! 설치 및 사용법을 모두 익힐 수 있습니다.
- 설치 후 확인 :
package.json파일의devDependencies항목에 eslint가 추가 되었는지 확인
ESLint 설정
- 설정파일 :
.eslintrc.js또는.eslintrc.json과 같은 형식 - 설정파일에서
rules로 쓰인 부분을 자세히 살펴볼 것 - 실행확인 :
npm run lint
ESLint 검사
delilah's journey