Eslint & Prettier

효딩딩·2022년 10월 25일

Prettier는 코드를 읽어들여서 사용자 옵션에 따라 코드를 다시 포맷팅하는 코드 포맷터
쉽게 말해, 개발자가 작성한 코드를 정해진 코딩 스타일을 따르도록 변환해주는 도구
Prettier를 사용하는 가장 큰 이유는 공통된 코딩 스타일 가이드를 통해 시간과 비용을 아끼기 위함
여러 개발자가 협업하는 데 있어 각자에 코딩 스타일이 아닌, 정해진 코딩 스타일을 통해 개발을 할 수 있어 여러 사람들이 작업을 하더라도 코드가 일관성으로 유지할 수 있게함

ESLint는 코팅 스타일 가이드를 따르지 않거나 문제가 있는 코드 또는 안티 패턴을 찾기 위해 사용하는 Javascript linter 임
ESLint는 처음부터 유용하게 사용할 수 있는 스타일 가이드(built-in rule)을 제공하지만 개발자가 자신의 스타일 가이드를 작성할 수도 있습니다.

(영문 해석)

Prettier is an opinionated code formatter for JavaScript and other popular languages. -- Prettier enforces a consistent format by parsing code and reprinting it with its own rules that take the maximum line length into account, wrapping code when necessary.
This rewriting process prevents developers from introducing any formatting mistakes.
The primary reason Prettier was created was to eliminate debates over code styles.
The idea is that Prettier’s style guide is fully automatic. Even if Prettier does not format your code 100% the way you like, it’s worth the sacrifice for the simplicity of the approach.

ESLint is a JavaScript linting utility that was first released in June 2013 and now is by far the number one linting utility.
Linting is a type of static analysis that finds problematic patterns and code that doesn’t adhere to certain style guidelines.
Since JavaScript is a dynamic and loosely-typed language, it is especially prone to developer errors.
Without the benefit of a compilation process, JavaScript code typically executes to find syntax or other errors.

어제보다 나은 나의 코딩지식