⭐ ESLint

ECMA SCript 와 Lint 를 합친 용어로 문법상 에러를 먼저 검출 해낼 수 있는 도구입니다.
Typescript 와 함께 많이 사용됩니다.

useEffect 나 useCallback 에서의 dependency array 가 빠졌거나, 코딩 스타일이 지정한 것과 다른 경우 Error로 인식하여 검출하거나, Warning 형태로 경고해줍니다.

예기치 않은 코딩 스타일을 방지하고, 팀의 코딩스타일을 하나로 맞출 수 있도록 도와주는 툴입니다.

💫 ESLint Config

가장 유명한 것중 하나인 airbnb 의 ESLint Config 입니다.

Airbnb Javascript Style Guide
https://airbnb.io/javascript

싱글 캐릭터를 가급적 피해주고, 함수 명은 카멜케이스로 작성하기를 권장합니다.

function 이라는 키워드를 제외하고 Arrow Function 형태로 만드는 것을 추천합니다.

🔹 Prettier

코딩 스타일을 변환해주는 Tool 입니다.

const text = "TEXT" 
const text= 'TEXT' 

등 스타일이 다른 것을 하나로 통일해줍니다.

htpps://prettier.io/