ESLint와 Prettier에 대해

ESLint와 Prettier는 모두 자바스크립트 코드의 품질과 일관성을 높이기 위한 도구.

1. ESLint

• 자바스크립트 코드를 Static 코드 분석하여 오류나 잠재적인 문제를 찾아내고, 코딩 컨벤션을 강제할 수 있는 린팅 도구
• 코드 스타일, 문법 에러 검사뿐만 아니라 코딩 패턴이나 안티 패턴 등도 포착할 수 있음.
• 규칙을 직접 만들거나 오픈소스 규칙을 가져와 사용할 수 있어 팀 단위 또는 프로젝트 단위로 일관된 코드 스타일을 유지할 수 있음.

2. Prettier

• Prettier는 코드 포매터로, 코드 스타일과 관련된 규칙을 정의하고 해당 규칙에 맞게 자동으로 코드를 재포맷팅해주는 도구.
  
• 들여쓰기, 공백, 따옴표 스타일, 객체 속성 정렬 등 코드 스타일과 관련된 부분을 규칙에 따라 자동 정렬해줌.
  
• Prettier는 주관적인 코드 스타일에 대한 토론을 줄이고 일관된 스타일을 유지할 수 있게 함.
  

요약:

ESLint와 Prettier를 함께 사용하면 정적 분석과 자동 포매팅을 통해 더욱 품질 높고 일관성 있는 코드를 작성할 수 있게 됨.