[ JavaScript ] ESLint, Prettier

ESLint, Prettier

ESLint

• ES 는 EcmaScript 의 약자입니다. ES6 이후로는 ECMAScript 라고 부릅니다. 표준화된 자바스크립트의 버전을 의미합니다. Lint 는 코드를 분석하여 문제점을 찾아내는 도구입니다. ESLint 는 자바스크립트 코드를 분석하여 문제점을 찾아내는 도구입니다.
• 코딩 컨벤션에 맞지 않는 코드나, 불필요한 코드, 버그의 가능성이 있는 코드를 찾아내는 도구입니다.
• Airbnb, Standard, Google 등의 코딩 컨벤션을 기본으로 제공합니다.

Prettier

• 원본 스타일을 모두 제거하고, 코드를 일관된 스타일로 정리해주는 도구입니다.
  • 줄바꿈, 들여쓰기, 따옴표 등의 스타일을 일관성 있게 정리해줍니다.
• ESLint 와 Prettier 를 함께 사용하면, 코드의 스타일을 일관성 있게 유지할 수 있습니다.

ESLint 와 Prettier

• 가장 많이 사용되는 ESLint 설정은 airbnb 입니다.