프론트앤드 코드 포맷터 + ESLint, Prettier 설정하기+과정설명

npm 또는 yarn을 통해 설치하고 JSONm YAML, CommonJS를 통해 원하는 룰을 설정해줄 수 있다. 코드 포맷터인 Prettier와 린터를 함께 사용하면 예기치않은 충돌이 발생할 수 있다. 즉 ESLint는 프로젝트의 코드 단에서 설정하는 것이 아닌 VSCode에디터에 적용해서 사용하는 것이기 때문에 ESLint사용을 위해 vscode의 extension과 ESLint라이브러리...

PrettierportfolianESLintESLint