react-hooks

Question

실무에서 훅스를 사용해서 프로젝트를 하기전에 eslint 작업을 하고 있습니다.  강의에서 나온 것처럼 밑의 규칙 모음 2개와       "eslint:recommended" ,      "plugin:prettier/recommended" , react와 react-hooks 관련된 규칙 모음을 사용하면 괜찮을까요?      "plugin:react/recommended" ,      "plugin:react-hooks/recommended" , 아니면 airbnb와 같은 이미 만들어진 룰을 사용하는게 좋을까요?

김정환 · Answer

문제를 해결하셔서 다행입니다만 원인은 정확인 모르겠네요. 혹시 vscode에 설치한 eslint 확장도구와 eslint 설정 파일이 연동이 안된건 아닐까요?

열씨미살자! · Answer

감사합니다. 질문한개만 더 드리겠습니다. 개념이해 prettier/prettier 라는 것은 eslint-plugin-prettier를 설치하고 plugins:['prettier'], rules: {    'prettier/prettier' : 'error' } 이렇게 설정하는 것으로 알고 있습니다.  extends: ["plugin:prettier/recommended"] 로 축약가능하구요. eslint-config-prettier라는 것으로 eslint와 prettier 가 충돌나는 규칙을 eslint에서 꺼버리고  eslint-plugin-prettier라는 것으로  eslint에 prettier 규칙을 추가하는 것 까지 이해했습니다.  문제점 근데 제가 extends: ['airbnb-base', 'plugin:prettier/recommended']를 사용하고 있는데  vscode에서 eslint extension 을 설치하고 저장을 하면 코드 마지막 라인에  ; 가 생기면서 prettier/prettier 오류가 발생합니다(스크린샷첨부).  질문 제가 생각할떈 prettier/prettier 에러는 eslint안에 들어가 있는 prettier의 규칙이 발생시키는 오류 인것 같습니다. 분명히 eslint 안에 prettier 규칙을 넣었는데 vscode eslint extension에서는 저장할때 ; 이 부분이 왜 생기는건가요?  해결 해결은 이런식으로 했으나 이해가 가지 않습니다.. module . exports   =  {    env :  {      browser :   true ,      es2021 :   true ,      node :   true ,   },    extends :  [ "airbnb-base" ,  "plugin:prettier/recommended" ],    parserOptions :  {      ecmaVersion :   12 ,      sourceType :   "module" ,   },    rules :  {      "no-console" :   "off" ,      "prettier/prettier" :  [        "error" ,       {          endOfLine :   "auto" ,       },     ],   }, };

김정환 · Answer

선택의 문제인것 같습니다. 둘다 목적에 맞게 동작할 것 같아요.