사소한 에러까지 잡는 법

개발을 하다가 dependency가 빠지면 알려주는 기능이 있으면 좋을 것이다. 그것을 위한 설치 방법을 기록하려고 한다. 참고로 dependency는 외부에서 쓰이면 무조건 넣어주는 것이 좋다.

npm i -D eslint-config-react-app eslint-plugin-flowtype eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react

이렇게 5개를 깔아줘야 한다.

 

-.eslintrc

{
  "extends": ["plugin:prettier/recommended", "react-app"]
}

그리고 .eslintrc 파일에다가 "react-app"을 추가해야 한다.

 

이렇게 만들면 dependency를 안써줬을 때 에러는 아니지만 노란색 경고창을 띄워준다.

이렇게 현사 사용하고 있지 않는 변수에도 노란색 경고창을 띄워준다. 경고창은 해결하면 좋지만 굳이 해결할 필요는 없다.