ESLint와 Prettier 적용

ESLint 란?

 

ES (ECMAScript) + Lint (에러 코드 표식)

 

ESLint는 문법 검사 도구입니다.

ESLint는 코드를 작성할 때 실수를 하면 에러 혹은 경고 메세지를 VS Code 에디터에서 바로 확인할 수 있게 해줍니다.

 

Prettier

 

코드 스타일 자동 정리 도구 입니다.

Prettier 을 사용하여 자동 코드 정리를 하면 코드가 제대로 정렬되고, 세미콜론이(;) 빠진경우 추가되고 기존 사용하던 작은 따옴표는 모두 큰따옴표로 변경되있을 것입니다.

 

Prettier의 장점은 이러한 자동정리 스타일을 쉽게 커스터마이징 할수 있다는 것입니다.

아래의 .prettierrc라는 파일에서 스타일을 설정할수 있습니다.

 

{
  "singleQuote" : true,
  "semi" : true,
  "useTabs": false,
  "tabWidth" : 2
}