[ESlint] ESlint로 에어비앤비 스타일 적용하기

사람들은 서로 다른 코드 습관을 가지고 있다. 누군가는 스페이스키를 사용하고 누군가는 탭키를 사용한다. 코드를 혼자 칠 것이라면 모르겠으나, 다른 사람들과 협업을 할 때에는 일관된 규칙을 가지고 있는 것이 좋다. ESlint는 공통된 스타일 규칙을 가지고 작업을 하게 해주는 편리한 툴이다. 

ESlint를 사용해서 코드에 에어비앤비 스타일을 적용하는 과정은 아래와 같다. 

먼저 터미널 창에 아래와 같은 명령어를 입력한다. 

npx eslint --init

ESlint를 어떻게 사용할 것인지를 묻고 있다. 문법 확인은 물론, 코드스타일을 강제하고 싶으므로 세 번째 옵션을 선택했다. 

사용하고자 하는 모듈을 선택한다.

프로젝트에서 사용하는 프레임워크를 설정하고

 

타입스크립트 사용 여부에 응답하고

브라우저/노드 환경을 선택한 후  (스페이스로 복수 선택 가능)

파퓰러 가이드를 선택한 뒤에

에어비앤비 스타일을 골라주면 된다!

이후 config 파일 포맷을 결정한 해주면 설정이 완료된다.