Intro

• 하나의 프로젝트에서 작업자마다 각자 다른 코딩 스타일을 가지고 있으며, 그것이 코드에 드러난다면 이 프로젝트를 제 3자가 읽기도 어려워지며, 팀원들 끼리 작성한 코드도 이해하기 힘들어진다.
• 이러한 요소들은 결국 비효율을 유발하게 되고 이를 극복하기 위해서 팀으로 작업을 할 때는 여러 작업자들의 코딩 스타일을 일치시키기 위한 Linter와 Code Formatter를 사용하는 것이 좋다.
• 이 도구들을 사용하게 되면 어떤 형태의 문법을 지향하고 지양할지 여부를 고민하지 않고 코드 작성 자체에 집중할 수 있도록 도와준다.
• 자바스크립트에서는 Linter로 ESLint, Code Formatter로 Prettier를 사용하는 것이 일반적이다.
• ESLint는 코드 자체의 문법 교정과 코드 스타일링 기능도 포함한다.
• Prettier는 자동으로 코드의 스타일을 맞춰주는 것보다 훨씬 더 강력한 기능을 지원하고 있기 때문에 빈번히 ESLint와 함께 사용된다.
• 코딩스타일은 팀에서 정할 수 있지만 이를 개인에게 위임해서 개인이 의식적으로 지키는 것은 쉽지 않고 강제성이 없기에 취약하다.
• 코딩스타일은 관련된 논쟁이 이어지다 보면 상호 코드를 읽고, 리뷰하고, 작성하는 데에도 많은 에너지가 소모된다.
• 불필요한 에너지 소모를 줄이기 위해서 코딩 스타일 자동화 툴이 필요한 것이다.
• 자동화될 수 없는 컨벤션은 최소화하는 것이 좋으며 필요한 경우 반드시 문서화 시켜서 논의할 때 문서를 기준으로 의견을 주고받고 수정이 필요한 경우에는 논의 결과가 문서에 반영되어야 한다.
• 자동화 툴들은 아무것도 없이 싲가하는 것보다 초기 세팅은 다소 복잡할수 있지만, 한 번 해두면 추 후에 적용하기도 쉽고, 무엇보다 초기에 세팅해둔 것이 지속적인 개발 생산성 향상에 도움된다.

import 자동 정렬
npm install @trivago/prettier-plugin-sort-imports --save-dev