eslintrc

eslintrc

• ESLint(JavaScript 및 TypeScript 코드의 정적 분석 도구) 설정 파일
• 이 파일을 사용하여 코드 스타일, 코드 품질, 버그 등을 검사하고 관리

• "eslint:recommended": ESLint에서 권장하는 기본 규칙을 사용합니다.
• "plugin:react/recommended": React에 관련된 ESLint 플러그인에서 권장하는 규칙을 사용합니다.
• "plugin:react-hooks/recommended": React Hooks에 관련된 ESLint 플러그인에서 권장하는 규칙을 사용합니다.
• "plugin:prettier/recommended": Prettier와 관련된 ESLint 플러그인에서 권장하는 규칙을 사용합니다. Prettier는 코드 포맷팅 도구로, ESLint와 함께 사용하면 코드 스타일을 일관되게 유지할 수 있습니다.
• "plugin:@typescript-eslint/eslint-recommended": TypeScript와 관련된 ESLint 플러그인에서 권장하는 규칙을 사용합니다.
• "prettier": Prettier에서 정의한 기본 규칙을 사용합니다.
• 이렇게 여러 구성 파일 및 플러그인을 extends를 통해 사용함으로써, 프로젝트에서 일관된 코드 스타일 및 안전한 코딩 규칙을 적용할 수 있습니다.
• 설정 파일의 세부 내용은 다양하며, 각각의 플러그인 및 규칙에 따라 다를 수 있습니다. 위에서 언급한 것처럼, "eslint:recommended", - "plugin:react/recommended", 등은 각각의 설정이 존재하는 플러그인에서 제공하는 권장 규칙을 사용하도록 설정하는 것입니다. 이로써 코드 품질을 높이고 일관된 코드 스타일을 유지할 수 있습니다.

eslint의 분석을 위해 본인이 필요한 룰을 설정하는 방식