ESLint error_

좀더 엄격한 eslint 적용을 위해 recommended말고 airbnb를 설정했다.

 npm i -D  eslint-config-airbnb  eslint-plugin-jsx-a11y 

 

 

eslint-plugin-jsx-a11y 는 시각장애인들에게도 리액트 서비스를 이용할 수 있도록

스크린 리더가 화면을 잘이해할 수 있는지 평가해준다.  (a11y : 접근성)

 

eslintrc에서 "extends"를 "airbnb"로 설정했더니 코드가 레드밭이 되었다^6^;;;

airbnb가 까다로운 문법을 적용한다. 이렇게 까지 할 필요가 없겟다 싶은건 제외해주자. ^^

 

레드코드를 계속 고쳤더니 eslint 쪽 에러메시지를 보면 대충 어떻게 고쳐야할지를 알겠다.

 

unexpected  console statement라는데, 문제 될게 없어보이므로

no-console을 꺼줬다.

 

이건 확장자가 js라서 생기는 문제. ;;;

파일 이름을 jsx로 바꾸거나 js도 허용해주면 된다.

아니면 아예 꺼줘도 된다. "off" 설정.

 

a11y 오류인데... ^^;;;

이것도 제거.

 

 

 

혼자 오류제거를 끝내고 봤더니

강사님이 추천해주신 off목록

(prettier도 extends에 설정되어 있으면

object-curly-newline이나 linebreak-style은 

설정 안해도 된다.)

"rules": {
	"jsx-a11y/label-has-associated-control": 'off",
    "jsx-a11y/anchor-is-valid": "off",
    "no-console": "off",
    "no-underscore-dangle": "off",
    "react/forbid-prop-types": "off",
    "react/jsx-filename-extension": "off",
    "react/jsx-one-expression-per-line": "off",
    "object-curly-newline": "off",
    "linebreak-style": "off"
}