📍About

<aside> 😬 프로젝트 시작하기 전 팀원들 간 협업을 위해 준비할 것들이 많습니다. 그 중 하나가 바로 여러 작업자들의 코딩 스타일을 일치시키기 위한 Lintter와 Code Formatter입니다. 저희 프로젝트에서 Lintter로는 ESLint, Code Formatter로는 Prettier를 사용하겠습니다.

이러한 도구들을 사용하게 되면 쌍따옴표를 사용할지, 홑따옴표를 사용할지, 혹은 몇 자마다 줄바꿈을 할지, 문장의 끝에 세미콜론을 사용할지 등의 여부를 고민하지 않고 코드 작성 자체에 집중할 수 있도록 도와줍니다. 생산성을 높이는데 필수적인 내용이니 잘 익혀두고 협업 시 적극 활용해보세요!

</aside>

:: ESLint / Prettier

What is ESLint?

<aside> 👨‍💻 ESLint is a tool for identifying and reporting on patterns found in ECMAScript/JavaScript code, with the goal of making code more consistent and avoiding bugs. (ESLint 공식 문서)

</aside>

:: tl:dr;

<aside> 🗣 코드 품질을 높이기 위해서!

</aside>

Getting Started with ESLint

ESLint는 보다 좋은 품질의 자바스크립트 코드를 작성하기 위한 일종의 코드 스타일 가이드다.

작성된 코드의 구문을 분석하여 버그가 발생할 여지가 있거나, 불필요한 코드, 혹은 보안상 위험한 코드 등에 대한 경고를 띄워준다.

일반적으로 다음과 같은 경고 문구들을 만나게 된다.