# ESLint

## Linter를 사용 시 좋은 점

초보자도 고수처럼 코딩할 수 있다.

## airbnb linter 설정방법

create-react-app 으로 만든 project 라고 가정.

###  1. eslint를 위한 airbnb 설정을 설치한다.

`yarn add eslint-config-airbnb`

### 2. .eslintrc 파일 생성 

{% code title=".eslintrc" %}

```javascript
{
  "env": {
    "browser": true,
    "es6": true,
    "jest": true
  },
  "parser": "babel-eslint",
  "extends": [
    "airbnb"
  ],
  "plugins": [
    "react"
  ],
  "rules": {
    "strict": "error"
  }
}

```

{% endcode %}

제가 사용중인 설정입니다.

### 3. 빨간 줄을 맞이하고 해결한다.

:D

## 추가 정보

[eslint rules](https://eslint.org/docs/rules/)

[eslint-plugin-rules](https://github.com/yannickcr/eslint-plugin-react/tree/master/docs/rules)

[airbnb javascript code style](https://github.com/airbnb/javascript)