잔소리는 많지만 유익한 친구들 ESLint와 Prettier

프론트엔드 개발을 하다 보면 코드가 엉켜 보이고, 팀원 간 스타일이 달라져서 혼란스러울 때가 많습니다. 이럴 때 필요한 게 바로 ESLint와 Prettier입니다. 이 글에서는 두 도구의 역할과 설정 방법을 간단하고 명확하게 소개합니다.01ESLintESLint는 자바스크립트 코드의 오류를 빠르게 찾아주는 도구입니다. 코드에서 발생할 수 있는 버그나 잘못된 문법을 자동으로 감지하고 알려줍니다.1. ESLint의 장점사소한 실수나 버그를 사전에 예방합니다.코드 품질을 일정하게 유지할 수 있습니다.협업 시 코드 리뷰 시간을 줄여줍니다.2. 설치 및 기본 설정npx eslint --init을 입력하면 몇 가지 질문에 답하면 됩니다(단 package.json 파일이 미리 생성되어 있어야 합니다.)npm ins..