우리는 Liting과 Testting을 통해 코드 퀄리티를 높일 수 있다.
우리가 지정한 코드 스타일을 잘 지키는지 체크해주는 도구, 일관된 코드스타일 유지 => 코드 파악 용이, 코드 오류를 쉽게 찾을 수 있다.
npm과 package.json에 용도와 목적에 대한 이해를 갖고 있어야 한다.
Tip. eslint를 잘 설치했는지 어떻게 알까?
npm install eslint --save-dev
명령어 후에 package.json 파일의 devDependencies 항목에 eslint가 추가가 되었는지 확인
global로 dependency를 설치하면 프로젝트마다 적용되는 스타일이 달라 꼬일 수도 있다. 그러므로 특정 프로젝트에만 국한되게 설치하는 것이 좋다.
Tip. CLI에서 뭔가 잘못되어가고 있다는 생각이 들면, Ctrl + C 를 눌러 과정을 중지
Q. How would you like to use ESLint?
S. To check syntax and find problems
Q. What type of modules does your project use?
S. CommonJS
Q. Which framework does your project use?
S. None of these
Q. Does your project use TypeScript?
S. No
Q. Where does your code run?
S. Node
Q. What format do you want your config file to be in?
S. 무엇을 선택해도 상관없습니다.
ESLint 설정 파일은 .eslintrc.js 또는 .eslintrc.json와 같은 이름으로 만들어집니다.
"lint": "eslint **/*.js --quiet",
이제부터 에러잡기 시작!!
ESLint는 현재 실행 환경이 node이므로, 우리가 코드를 작성할 때 document 또는 window와 같은 객체를 사용하면, 해당 객체가 정의되지 않았다고 판단 ESLint 설정 중에는 다행히, 이를 회피할 수 있는 옵션을 제공
해결하기 위해서는 에러를 있는 그대로 검색하거나, no-undef 옵션을 찾아보거나 아래링크 참고
https://eslint.org/docs/user-guide/configuring#specifying-globals
https://eslint.org/docs/user-guide/configuring#specifying-environments
아래 사진에 있는 문항들을 잘 따라가세요