eslint 의 기본적인 옵션에 대해서 질문이 있습니다!

Question

안녕하세요! 이번에 프론트엔드 프로젝트를 시작하면서 eslint를 한번 적용해보려고공부중이다가 너무 블로그마다 좀 말이 서로 다른 부분이 있어서 헷갈리는게 많아 이렇게 질문드립니다제가 알기론, eslint에서 사용하고자 하는 플러그인을 plugin에 등록을하고 , /recommended로 사용할때는 extends에 넣고 , 완전 세부적인 규칙까지 조정하려면 rules에 넣는것으로 알고 있습니다그렇다면 여기서 /recommended로 바로 사용할때는 굳이 plugin에 작성하지 않고 바로 extends에 작성해도 되나요?아래의 예시처럼 jsx-a11y를 사용할때 바로 extends에만 작성해서 넣는 것 처럼요.{ &#34;extends&#34;: [ &#34;airbnb&#34;, &#34;plugin:jsx-a11y/recommended&#34;, // 바로 jsx-a11y를 recommended로 사용함 ], &#34;plugins&#34;: [] //jsx-a11y를 여기에 넣지 않음 } 보통 npm으로 개발 의존성으로 eslint 패키지들을 다운 받는데여기서 config와 plugin 차이가 뭔가요…?(예를 들면 프리티어의 경우 eslint-plugin-prettier , eslint-config-prettier 가 있듯이요)제가 우선 찾아보고 정리해본 바로는&#34; config는 모든 유형의 코드에 대한 일관된 규칙을 제공하며extends 속성을 사용하여 다른 config를 포함하거나, 직접 규칙을 정의합니다.plugin은 특정 유형의 코드에 대한 규칙을 제공하고, rules 속성을 사용하여 추가적인 규칙을 정의합니다. &#34;라는 것인데 사실 이 부분이 전혀 이해가 가질 않네요…

킁킁탐정 · Answer

다음 문서에 eslint-plugin과 eslint-config에 관한 설명을 참고하시면 도움이 되실겁니다.https://eslint.org/docs/latest/extend/ways-to-extend

시쿠 · Answer

config는 코드 검사에 필요한 옵션을 지정하는데 사용됩니다. 이 옵션은 예를 들어 어떤 룰을 사용할 것인지, 어떤 파일을 검사할 것인지, 어떤 포맷으로 출력할 것인지 등이 있습니다. 이러한 옵션들은 ESLint가 코드 검사를 수행하는 방식에 대한 설정이기 때문에, 주로 ESLint의 설정 파일인 .eslintrc 파일에서 관리됩니다.반면, plugin은 추가적인 검사 규칙을 제공하는데 사용됩니다. ESLint가 제공하는 기본적인 검사 규칙 외에도, 사용자가 필요한 검사 규칙을 작성하여 plugin으로 등록할 수 있습니다. 이러한 규칙은 각각의 plugin에서 따로 관리되며, ESLint 설정 파일에서 명시적으로 추가해야 합니다.따라서, config와 plugin은 서로 다른 목적을 가지고 있으며, 코드 검사를 보다 정확하고 효율적으로 수행하기 위해 따로 분리하여 사용됩니다.chatgpt한테 물어서 나온 답변입니다. 도움되셨으면 좋겠네요.

eslint 의 기본적인 옵션에 대해서 질문이 있습니다!

2개의 답변

#eslint 목록