[SSAFY] [JavaScript]코딩컨벤션 airbnb 설치까지 해보기 (1)

설치를 하기에 앞서,

airbnb 스타일을 적용하면 크게 airbnb 코딩 규칙 + airbnb 스타일 규칙 이 적용된다고 생각하면 됩니다.

​

이걸 적용하는 ESLint라는 linter도구는 IDE 화면에 밑줄로 에러 표시만 해주고

흔히 사용하는 Prettier같은 코드 포맷터는 스타일 규칙을 설정에 맞게 재작성 해줍니다.

그래서 airbnb 규칙을 적용해서 ESLint를 사용하면서 Prettier도 많이 같이 사용하는데 이 때 가능한 설정이 두가지입니다.

​

첫번째 : airbnb 코딩 + Prettier 스타일

airbnb 코딩 규칙 적용 + Prettier 플러그인을 설치하고 Eslint-config-Prettier라는 패키지를 설치해서

airbnb의 스타일 규칙을 다 비활성화하고 스타일 규칙은 Prettier에만 의존하는 설정입니다.

​

두번째 : airbnb 코딩 + airbnb 스타일

airbnb 코딩 규칙 적용 + Prettier 플러그인을 설치하고 Prettier-Eslint 패키지를 설치하면

Prettier의 설정을 자동으로 ESLint 규칙이랑 똑같이 해주는 설정입니다.

​

그래서 결국에는 airbnb 코딩 + Prettier 기본 스타일 vs airbnb 코딩 + airbnb 스타일 중에 선택하는 것인데 전자가 더 많이 쓰인다고 하여 airbnb 코딩규칙 + Prettier 스타일 규칙을 적용하는 법을 소개해드리겠습니다.