회사 업무를 하다가 PR을 보면 예상치 못한 곳이 변경되어 확인을 해야할 때가 있다. cmd + s를 습관적으로 누르는 나에게는 띄어쓰기나 줄바꿈이 발생하기도 하고 git add . 이 편한 나에게는 아무래도 ESLint와 Prettier 이용해서 PR 리뷰를 간편하게 할 필요가 있다.
ESLint는 JavaScript 코드의 문제를 찾고 수정하는 데 도움이 되는 오픈 소스 프로젝트이다. JavaScript를 브라우저에서 작성하든 서버에서 작성하든, 프레임워크가 있든 없든 ESLint는 코드가 최상의 수명을 유지하도록 도울 수 있다.
쉽게 적용을 해본다면 ESLint 시작하기를 통해서 적용해 볼 수 있다. 그렇지만 한국인이어서 잘 모를 수 있으니 내가 겪었던 일들을 써내리려 한다.
나도 처음엔 그저 공식 문서 끄적이면 뭔가 잘 되겠지 싶었는데 내가 원하는 적용 방식은 아니었고, 아무런 규칙이 없다보니 아무런 에러가 없었다. 그래서 air-bnb rule을 적용해보고 싶어서 한번 설치해보았다.
현재 나는 next.js, typescript를 이용하여 사용하고 있기에 [**next.js, typescript, eslint, airbnb, prettier 로 프로젝트 설정하기]** 블로그 포스트를 통하여서 설치를 해보았다.
결과만 보고 싶은 사람은 깃 레포지토리를 보고 적용해보면 좋을 것 같다.
$ yarn create next-app
를 이용하여서 프로젝트를 생성했는데, 매번 프로젝트 생성할 때마다 질문이 조금씩 달라지는 것을 보면서 당황스럽긴한데 typescript를 사용한다는 룰 외에는 알아서 해도 될 것이다. eslint도 사용할 것이냐고 묻긴한데 어차피 설치할거라 맘대로 해도 상관은 없다.