eslint, prettier, eslint-config-airbnb #1

eslint

https://eslint.org/

Find and fix problems in your JavaScript code - ESLint - Pluggable JavaScript Linter

 

eslint는 es(Ecma Script) + Lint (검사기)이다.

말그대로 js 문법검사기 이다.

 

js의 문법적인 문제를 판단하고 여러명이 동시에 코딩 할 때 일관적인 스타일로 코딩 할 수 있게 도와준다.

코딩 컨벤션 위주로 판단하는 툴이다.

 

eslint와 prettier의 차이점을 이야기하면

eslint은 js 자체의 문법 스타일를 검사한다고 하면

prettier는 코딩 스타일을 검사 한다고 생각하면 좋다.

대부분의 경우 둘이 같이 쓴다고 한다.

 

---

 

prettier

https://prettier.io/

Prettier · Opinionated Code Formatter

 

prettier는 코딩 스타일 자체를 제한하여 여러사람들이 같은 코딩스타일로 코딩 할 수 있도록 도움을 준다.

협업시에 각자의 코딩 방식이 다르면 서로가 헷갈릴수 있는데 이런 상황을 방지 해주는 툴이다.

 

---

 

airbnb code style

https://github.com/airbnb/javascript

GitHub - airbnb/javascript: JavaScript Style Guide

 

airbnb 코딩 스타일은 여러가지 매채에서 사용되는 코딩 방식인데 상당히 깔끔해서 여러곳에 많이 사용 되는것 같다.