[React] eslint, prittier 적용

vscode extension 설치

 

npm 모듈 설치

npm i -D eslint-config-airbnb eslint-plugin-prettier eslint-config-prettier

 

루트에 config 파일 추가

// .eslintrc.js

module.exports = {
    env:{
        browser:true,
        es6:true,
        node:true,
    },
    extends: ['eslint:recommended','airbnb','plugin:prettier/recommended'],
    rules:{
        'react/jsx-filename-extension':
        ['error',
          {'extensions':[".js",".jsx"] }
        ]
    }
};

// prettierrc.js

module.exports = {
    singleQuote: true,
    semi: true,
    useTabs: false,
    tabWidth: 2,
    trailingComma: 'all',
    printWidth: 80,
    arrowParens: 'avoid',
};

 

vscode 설정 변경

format on save enable