Eslint & Prettier

Eslint?

Lint는 협업하며 개발을 하신 분이라면 많이 들어보셨을 것입니다. Lint란 에러가 있는 코드에 표시를 달아주는 것을 뜻하고, 에러와 코딩 스타일을 잡아주기 때문에 여러 명이 코드를 작성하더라도 한 사람이 코딩한 것처럼 깔끔하게 만들어줄 수 있습니다.

린트를 통해 잡아내고 싶은 에러의 기준은 직접 설정할 수 있는데, 문법적인 오류만 잡아낼 수 도 있고 세미콜론 사용과 같은 전반적인 코딩 스타일을 정해둘 수도 있습니다.

참조

Prettier?

깔끔한 코드와 협업을 위해서는 일관성 있는 코드 스타일을 유지하는 것이 매우 중요합니다. ESLint가 코드 퀄리티를 일관적으로 유지해준다면, Prettier는 일관적인 코드 스타일을 유지할 수 있게 도와주는 툴입니다.

ESLint는 문법 에러를 잡아주거나 더 좋은 코드 구현 방식을 사용하도록 해주지만, Prettier는 줄바꿈, 공백 들여 쓰기 등과 같은 스타일을 교정해줍니다.