ESLint 조금 더 잘 활용하기

카카오 FE플랫폼팀의 Joah님이 ESLint를 더 잘 활용하는 방법에 대해 공유하는 글입니다. ESLint는 JavaScript, JSX의 정적 분석 도구로, 코드의 문법적 오류나 안티 패턴을 찾아주고 일관된 코드 스타일을 유지하도록 돕습니다.

이 글에서는 ESLint의 기본적인 사용법을 넘어, 팀 내에서 스타일 가이드에 맞는 설정을 공유하기 위해 사용하는 'Shareable Configs' 기능과 직접 규칙을 만드는 방법에 대해 설명합니다. 또한, 스타일 가이드 개선 업무 및 ESLint 컨트리뷰션 경험에서 얻은 지식도 함께 다룹니다.

json에는 'eslint-config-[설정 이름]' 형식의 패키지 이름과 peerDependencies 명시가 중요합니다. lint-config-[설정 이름]' 형식의 패키지 이름과 peerDependencies 명시가 중요합니다.