반응형
ESLint 와 Prettier를 설정했을때 어떤식의 이점이 있을까?
팀 내에 각자 다른 IDE를 사용할때 (vscode, WebStorm, Atom 등 많은 IDE가 있음)
각자 다른 IDE로 해당 IDE의 개발 툴에 의존하여 코딩했을시 개발 툴이 달라졌을때 코드는 일관적이지 않게된다.
(vscode를 쓰고 있단 가정 하에 - vscode는 왼쪽의 플러그인으로 코딩시 여러 기능을 사용할 수 있다.)
이렇게 개발 툴에 의존했을때 개발 툴의 기능에 의존하면 개발 툴이 달라졌을때 코드가 일관적이지 못하게 된다.
하지만 ESLint와 Prettier를 사용하면
Prettier 는 프로젝트 소스 레벨에서 설정이 되어있어서 다른 사람이 이 코드를
클론, 포크, 브랜치따서 작업해도 모두가 동일한 설정으로 코드를 정리(Prettier) 하게 된다.
이런 부분 때문에 개발툴의 종류에 영향을 받지않고 프로젝트 소스 레벨에서 이런 설정을 관리하는게
훨씬 더 팀 차원에서 개발하는데 생산성이나 효율이 높음을 인지해야 한다
-
반응형
'vue.js > vue.js 2' 카테고리의 다른 글
| 99. jsconfig.json | 파일을 절대 경로로 찾기 설정 (0) | 2022.10.04 |
|---|---|
| 98. 파일의 절대 경로를 설정해야 하는 이유 (0) | 2022.10.03 |
| 96. Prettier 플러그인 확인 및 설정할 때 주의 사항 (0) | 2022.10.03 |
| 95. ESLint 플로그인 설치 및 설정 변경 (0) | 2022.10.03 |
| 94. ESLInt에 Prettier 규칙 적용 | Prettier 캡틴판교 블로그 (0) | 2022.10.03 |