이롭게 현명하게

목차ESLint와 Prettier 충돌 해결법충돌 해결 확인하기 [ESLint와 Prettier 충돌 해결법]ESLint에서도 Prettier가 처리하는 작업(들여쓰기, 줄바꿈, 따옴표 등)을 처리할 수 있다.두 가지 모두 자바스크립트 코드에서 실행한다면 서로 다른 규칙으로 인해 에러가 발생한다.최악의 경우 ESLint,Prettier 모두 만족하지 못하는 코드가 만들어질 수 있다.규칙이 충돌되지 않게 선언하기원인 : 코드에서 ESLint를 적용하는 작업과 코드의 포매팅을 하는 작업이 서로 다른 패키지에서 발생한다.해결 : Prettier에서 제공하는 규칙을 어기지 않도록 ESLint에서는 해달 규칙을 끄기파일 유형에 따라 도구 분리ESLint : 자바스크립트/타입스크립트Prettier : 마크다운, ..

목차eslint 버전 8naver eslint 적용해 보기 [eslint 버전 8]이전 게시글에서는 ESLint의 개념과 필요성에 대해 살펴보았다.// 개념 url이 글에서는 ESLint를 설치하고 설정해 보면서 어떻게 동작하는지 보겠다. 폴더에 package.json을 생성해 준다.npm init저는 각 항목들은 스킵해 주었습니다. (항목들 모두 엔터)package name : 패키지 이름version : 프로젝트의 버전description ; 프로젝트에 대한 설명entry point(index.js) : 프로젝트의 진입점 파일test command : npm 스크립트를 정의하는 부분git repository : 깃 리포지터리keywords : 패키지를 설명하는 키워드author : 이 프로젝트의..

목차ESLint 패키지 : plugin과 config자바스크립트 환경에서 ESLint를 사용하는 이유ESLint 규칙의 예외 처리와 주의점ESLint의 코드 분석 방법ESLint 규칙 https://devyihyun.tistory.com/243 [JavaScript] ESLint 이론목차 개발자마다 다른 코드 스타일코드 작성 규칙을 지켜야 하는 이유ESLint란?ESLint와 Prettier 차이점ESLint 장단점ESLint와 Prettier 충돌 해결법 [개발자마다 다른 코드 스타일]개발자들마다 코드를 작devyihyun.tistory.com [ESLint 패키지 : plugin과 config]ESLint를 설치하면 eslint-config이나 eslint-plugin으로 시작하는 ESLint 관..

목차 개발자마다 다른 코드 스타일코드 작성 규칙을 지켜야 하는 이유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 = ..