목록 Prettier (2)
이롭게 현명하게
목차ESLint와 Prettier 충돌 해결법충돌 해결 확인하기 [ESLint와 Prettier 충돌 해결법]ESLint에서도 Prettier가 처리하는 작업(들여쓰기, 줄바꿈, 따옴표 등)을 처리할 수 있다.두 가지 모두 자바스크립트 코드에서 실행한다면 서로 다른 규칙으로 인해 에러가 발생한다.최악의 경우 ESLint,Prettier 모두 만족하지 못하는 코드가 만들어질 수 있다.규칙이 충돌되지 않게 선언하기원인 : 코드에서 ESLint를 적용하는 작업과 코드의 포매팅을 하는 작업이 서로 다른 패키지에서 발생한다.해결 : Prettier에서 제공하는 규칙을 어기지 않도록 ESLint에서는 해달 규칙을 끄기파일 유형에 따라 도구 분리ESLint : 자바스크립트/타입스크립트Prettier : 마크다운, ..
목차 개발자마다 다른 코드 스타일코드 작성 규칙을 지켜야 하는 이유ESLint란?ESLint와 Prettier 차이점ESLint 장단점ESLint와 Prettier 충돌 해결법 [개발자마다 다른 코드 스타일]개발자들마다 코드를 작성하는 스타일은 다르다.같은 기능을 구현하더라도 스타일차이로 인해 코드의 가독성과 유지보수성에 큰 차이가 발생할 수 있다. 여기 개발자 A와 B가 있다.숫자 배열을 받아 짝수만 필터링한 후 각 요소에 2를 곱해 출력하는 함수 개발자 A(일관된 스타일, ESLint/Prettier 적용)function processNumbers(numbers) { const evenNumbers = numbers.filter((n) => n % 2 === 0); const doubled = ..
