21.2.3 ESLint와 Prettier 설정

서버 파일을 작성하기 전에 ESLint와 Prettier를 프로젝트에 적용하겠습니다. 자바스크립트 문법을 검사하고 깔끔한 코드를 작성하기 위해서입니다.

두 기능을 VS Code에서 사용하려면 VS Code 마켓플레이스에서 Prettier-Code formatter와 ESLint 확장 프로그램을 설치해 둔 상태여야 합니다. 2장에서 그 설치 과정을 소개했는데, 아직 설치하지 않았다면 2장의 내용을 참고하여 설치하길 바랍니다.

먼저 ESLint를 설치합니다.

$ yarn add --dev eslint
$ yarn run eslint --init
? How would you like to use ESLint? To check syntax and find problems
? What type of modules does your project use? CommonJS (require/exports)
? Which framework does your project use? None of these
? Where does your code run? Node (선택할 때 Space를 눌러서 Node를 활성화하세요.)
? What format do you want your config file to be in? JSON
Successfully created .eslintrc.json file in /Users/velopert/blog/blog-backend