prettier 란?

: ESLint 보다 코드를 더 예쁘게 만들어줍니다.

eslint-config-prettier

: prettier 와 충돌하는 ESLint 규칙을 끄는 역할을 합니다.

.eslintrc.js 의 extends 에 넣습니다.

eslint-plugin-prettier

: prettier 의 모든 규칙을 ESLint 로 넣어주어 ESLint 만 돌리면 prettier 가 자동으로 실행되어 돌아갑니다.

위 사진은 .eslintrc.js 의 plugins 에 prettier 를 넣어 rules 에 prettier 규칙을 위반하면 error 를 반환하도록 해주었습니다.

두 plugin 동시 사용