ESLint & Prettier 설정

• ESLint : 코드 작성 규칙 설정

• Prettier : 자동 포맷 수정

AirBnB ESLint + Prettier

• 공식 깃헙 : https://github.com/airbnb/javascript/tree/master/packages/eslint-config-airbnb

• https://velog.io/@_jouz_ryul/ESLint-Prettier-Airbnb-Style-Guide로-설정하기

• https://velog.io/@cookncoding/ESLint-Prettier-Airbnb-Style-Guide로-프로젝트-세팅하기

• https://k39335.tistory.com/80

• https://velog.io/@mollang/vscode에서-Prettier-설정하는-법

• https://itnext.io/how-to-replace-prettier-by-eslint-rules-21574359e041 ESLint를 Prettier랑 매칭시키기

• https://velog.io/@myungwoo/ESLint-VS-Code-에서-적용해보기 ← AirBnB 설정 적용

Prettier

• 설정파일 : https://prettier.io/docs/en/configuration.html

• 옵션 리스트 : https://prettier.io/docs/en/options.html

ESLint

lint 끄기

.eslintrc.js 파일 수정

module.exports = {
  env: {
    browser: true,
    // es6: true,
    es2021: true,
  },
  extends: ['airbnb', 'airbnb/hooks', 'prettier'],
  globals: {
    Atomics: 'readonly',
    SharedArrayBuffer: 'readonly',
  },
  parserOptions: {
    ecmaFeatures: {
      jsx: true,
    },
    ecmaVersion: 12,
    sourceType: 'module',
  },
  plugins: ['react', 'react-hooks'],
  rules: {
    'react-hooks/exhaustive-deps': ['off'],
    'react/prop-types': ['off'],
    'react-hooks/rules-of-hooks': 'error',
    'no-console': ['off'],
    'import/no-unresolved': 'off',
    'import/prefer-default-export': ['off'],
    'react/jsx-props-no-spreading': ['warn'],
    'arrow-parens': ['warn', 'as-needed'],
    'no-underscore-dangle': ['off'],
    camelcase: ['off'],
    'no-alert': ['off'],
    'react/jsx-filename-extension': [1, { extensions: ['.js', '.jsx'] }],
    'jsx-a11y/no-noninteractive-element-interactions': ['off'],
    'jsx-a11y/click-events-have-key-events': ['off'],
    'jsx-a11y/control-has-associated-label': ['off'],
    'jsx-a11y/no-static-element-interactions': ['off'],
    'no-use-before-define': ['off'],
    'arrow-body-style': ['off'],
    allowShortCircuit: true,
  },
};