eslint

Eslint란?

• ESLint는 코딩 스타일 가이드를 따르지 않거나 문제가 있는 코드 또는 안티 패턴을 찾기 위해 사용하는 Javascript linter이다
• 개발자가 자신의 스타일 가이드를 작성할 수도 있다

ESLint 규칙 설정

• ESLint에는 프로젝트에서 사용하는 규칙을 수정할 수 있다
  • "off" 또는 0: 규칙을 사용하지 않음
  • "warn" 또는 1: 규칙을 경고로 사용
  • "error" 또는 2: 규칙을 오류로 사용

ESLint 설정 예)

// .eslintrc.js

module.exports = {
  env: {
    browser: true,
    es6: true,
    node: true,
  },
  extends: ['plugin:react/recommended', 'airbnb'],
  globals: {
    Atomics: 'readonly',
    SharedArrayBuffer: 'readonly',
  },
  parser: ['babel-eslint', '@typescript-eslint/parser'],
  parserOptions: {
    ecmaFeatures: {
      jsx: true,
    },
    ecmaVersion: 6,
    sourceType: 'module',
  },
  plugins: ['react', '@typescript-eslint'],
  rules: {
    "no-unused-vars": "error", // 사용하지않는 변수 error처리 하겠다.
    "no-console": "off", // 콘솔로그를 사용하수 있게 꺼놓겠다.
    "no-else-return": ["error", {allowElseIf: false}], // if문에 else 문을 사용하지 규칙을 정의한다.
    "semi": [1, "always"],
    "space-unary-ops": 2
  },
};