JavaScript 코드 컨벤션 (Code Convention) | ESLint, Prettier

프로젝트  연결 방법

 

 

1. 프로젝트 내 라이브러리 설치

$ npm install eslint --save-dev

 

 

2. 프로젝트 내 설정 파일 '.eslintrc' 생성 

1) 직접 파일 추가하기

2) npx 사용하기

$ npx eslint --init

 

 

 

3. eslintrc 규칙 작성

- eslint 제공하는 룰에서 낱개 사용 방법

.eslintrc.js

- eslint 제공하는 룰 규칙 전체 사용 방법

.eslintrc.js

 

 

4. 프로젝트 내 실행

app.js

$ npx eslint app.js

$ npx eslint <yourfile.js>

 

 

코드 컨벤션 통과

코드 컨벤션 발생

 

$ npx eslint app.js --fix

코드 컨벤션 발생 + 자동 코드 수정 후 발생 건만 조회 됨

 

 

 

Eslint 코드 규칙은 아래 링크에서 확인 가능

https://eslint.org/docs/latest/rules/

Rules Reference - ESLint - Pluggable JavaScript Linter

* 공구 아이콘 표시가 있는 경우, --fix 추가 시 자동 수정 됨.

 

 

+ Eslint 규칙으로 대표적인 사이트들을 참고하면 다양한 코드 규칙을 볼 수 있다.

Airbnb

Google

 

필요한 건만 팀원들과 상의하여 개발하면 좋을거 같다.