[WEB] ESLint & Prettier

🔧 ESLint

ESLint는 JS 코드에서 발견된 문제를 식별하기 위한 코드 분석 도구이다.

Lint는 코드의 문법, 스타일, 구조 등의 오류에 표시해주는 도구이다.

ES + Lint는 ECMAScript에 Lint를 더한 것으로 이는 JS 문법적 오류를 잡아주기도 하면서 동시에 다양하게 작성된 코드의 일관성를 유지하게 도와준다.

🪄 Prettier

Prettier는 코드 스타일을 유지하는 도구이다.

코드 스타일 유지하는 방법으로는 줄 바꿈, 공백, 들여 쓰기 등이 있으며 이를 일관성 있게 스타일을 교정해준다.

Before

<input type="email" id="email" name="email" placeholder="email" />
  
<input type="password" 
	id="password" 
	name="password" 
	placeholder="password" 
/>

After

--------------------------------------------------------------------
<input 
	type="email" 
	id="email" 
	name="email" 
	placeholder="email" 
/>
<input 
	type="password" 
	id="password" 
	name="password" 
	placeholder="password" 
/>```