# 다시 찾기 귀찮은 것들 그냥 마구 적어놓음
ESLint : linter, 오류 잡을 시 사용
Prettier : formmater, 스타일 교정 시 사용
사용처가 다르므로 차이점을 알고 사용해야 한다.
### ESLint
Airbnb
Naver
standardJS
- package.json
name : 패키지명, npm으로 공유하려면 eslint-config-[이름] 으로 작성 필요
peerDependencies : ESLint, Plugins 버전
- index.js
필요에 따라 디렉토리별 나누어 관리
- Plugins
기본 제공 규칙 외 다양한 규칙들을 플러그인을 통해 사용 가능함
eslint-plugin-jsdoc : 소스코드 문서화 쉬워짐. JSDoc을 정적 분석하는 역할을 함
플러그인의 규칙을 통해서 JSDoc을 항상 사용하도록 설정할 수 있음
JSDoc 포맷, 스타일 검사 가능.
typescript-eslint : 타입스크립트에 대한 정적 분석을 지원함
기존 TSLint가 있으나 모든 규칙을 제공하지는 않으니 주의 필요
eslint-plugin-markdown : 마크다운에 있는 코드 블록 대상으로 ESLint 사용 가능함
ESLint의 custom processor를 이용해 다크다운의 코드블록에 대한 정적 분석 수행함
스타일 가이드, 튜토리얼과 같이 코드가 많이 들어가는 문섬에 유용함
- rules
직접 규칙 설정 가능, 기본 규칙과 옵션은 ESLint Rules에서 확인 가능
규칙을 어겼을때 warning(종료코드 영향 없음)/error(종료코드 1) 발생 시킬 수 있음
### Prettier
quote 검색해서 원하는 부분에 auto/double 선택되어 있는 옵션들을 single로 변경
참고 : https://prettier.io/docs/en/configuration.html
Prettier · Opinionated Code Formatter
Opinionated Code Formatter
prettier.io
### 공부하며 참조
https://tech.kakao.com/2019/12/05/make-better-use-of-eslint/
ESLint 조금 더 잘 활용하기
들어가며 안녕하세요. 카카오 FE플랫폼팀의 Joah입니다. 최근에 팀에서 사용하는 JavaScript 스타일 가이드를 개선하는 업무에 참여했습니다. 업무를 하며 스타일 가이드에서 사용하고 있는 ESLint에
tech.kakao.com
https://velog.io/@rlaclgns321/eslint-prettier-%EC%84%A4%EC%B9%98%EB%B0%A9%EB%B2%95
eslint / prettier (+ 설치방법)
코드의 규칙 정하기 우리는 협업시에 팀단위로 코딩을 하게 됩니다. 따라서 각자의 코드 스타일이 다르게 됩니다. 이렇게 다양한 사람들고 협업을 하게 되면서 일정한 규칙을 정하게 되면, 일이
velog.io
https://www.npmjs.com/package/eslint-config-airbnb-base
eslint-config-airbnb-base
Airbnb's base JS ESLint config, following our styleguide. Latest version: 15.0.0, last published: a year ago. Start using eslint-config-airbnb-base in your project by running `npm i eslint-config-airbnb-base`. There are 2752 other projects in the npm regis
www.npmjs.com
prettier와 eslint를 구분해서 사용하자
결론부터 말하자면 오류를 잡으려면 린터, 스타일을 교정하려면 포맷터를 사용하자.
velog.io
https://parkyounghwan.github.io/2019/06/29/javascript/style-guide/
자바스크립트 스타일 가이드 뭘 적용해야 할까?
자바스크립트 스타일 가이드 뭘 적용해야 할까? Jun 29, 2019 유수의 회사에서는 어떻게 컨벤션을 적용하는지 알아보고, 과연 프로젝트를 진행 할 떄, 컨벤션이 어떤 영향을 미치게 되는지 알아본
parkyounghwan.github.io
* 하루가 더 길고 여유를 가질 수 있으면 좋겠다
* 일단 시간이 너무 없다 공부만 할 순 없는데..
'2023' 카테고리의 다른 글
| jsconfig.json (0) | 2023.01.05 |
|---|---|
| 자바스크립트 잘 쓰기 팁 (Useful Javascript Coding Techiniques) (0) | 2023.01.05 |
| snippet generator (0) | 2023.01.04 |
| 유용한 자바스크립트 라이브러리 (0) | 2023.01.04 |
| 2023.01.03. 매일경제 IT/과학 몇가지 (0) | 2023.01.03 |
