(21.09.28) linter와 prettier 설정을 무시하는 방법

작은 지식이라도, 하루에 하나씩.

---

 

한 줄 요약

---

🦄//eslint-disable-next-line : 아랫줄의 eslint 상충을 무시한다.🦄
🦄//prettier-ignore : 아랫줄의 prettier 상충을 무시한다.🦄

 

 

본문

---

eslint, prettier는 느슨한 자바스크립트를 위한 지원도구입니다. eslint는 정적 분석을 하여 런타임 이전에 코딩 컨벤션에 위배되는 코드나 안티패턴을 감지해주고, prettier는 미리 설정된 형식외의 코드를 다시 작성해주는 코드 포맷터입니다.

 

순수히 개발의 편의를 위해 사용되는 이 도구들은, 프로젝트 규모가 커질 수록 그 빛을 발합니다. 이 도구들 덕분에 복잡한 코드들을 더욱 가독성 높게, 생산성 높게 만들어주죠. 그러나, 때로는 정말 linter와 prettier를 무시해야할 순간들이 생깁니다.

 

예를 들면 정규표현식을 사용해하는데, linter가 불필요한 escape character를 사용하고 있다고 컴파일을 막아버리는 문제 같은 것 말입니다. 이런 극히 예외적인 경우를 위해 config를 건들이는 것보다, 이하의 코드는 예외니까 눈 감아달라고 linter에게 부탁하는 것이 좋습니다.

 

부탁하는 방법은 상기 기재한 요약 내용과 같습니다.

 

• 예시

const lorem = 'abcd1234'
//eslint-disable-next-line
const newLorem = lorem.replace(/[a-z]/g,'')
console.log(newLorem) // '1234'

//prettier-ignore
const result = ((a+b)*10) +c 


//prettier-ignore를 사용하면 prettier가 아랫줄의 코드를 재작성하는 것을 막아줍니다