더북(TheBook)

18.2.3 ESLint 설정

 

서버 파일을 작성하기 전에 먼저 자바스크립트 문법과 코드 스타일을 검토하는 ESLint 도구를 설치하고 적용하는 방법을 알아보겠습니다(이 검사를 적용하면 초심자는 자바스크립트 작성을 까다롭게 느낄 수도 있으니, 이 과정을 생략해도 됩니다).

우선 eslint를 글로벌로 설치하세요.

$ yarn global add eslint
$ eslint -v
v4.8.0

 

노트 eslint -v를 실행했을 때 오류가 발생한다면 npm install -g eslint를 실행해 보세요.

 

설치가 끝나면 현재 프로젝트에 적용해 보겠습니다.

$ yarn add eslint
$ eslint --init
? How would you like to configure ESLint? Use a popular style guide
? Which style guide do you want to follow? Airbnb
? Do you use React? No
? What format do you want your config file to be in? JavaScript

 

이제 VS Code로 프로젝트 디렉터리를 불러오세요. VS Code의 ESLint 확장 프로그램을 아직 설치하지 않았다면 VS Code 왼쪽에 있는 마켓플레이스 아이콘을 클릭하고 ESLint를 검색해서 설치하세요.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.