코드 컨벤션과 특정 라인에 대한 eslint 규칙 끄기

많은 사람들과 협업을 할 때, 가독성이 높고 유지보수에 수월한 코드를 만드는 것은 매우 중요합니다.

 

많은 사람들이 함께 힘을 모아 이러한 코드를 만들려면 어떻게 해야 할까요?

 

모든 사람들이 하나의 규칙을 세우고, 그 규칙에 맞춰 코드를 만든다면 가능하지 않을까요?

 

우린 그 규칙을 코드 컨벤션이라고 부릅니다.

 

---

 

ESLint는 자바스크립트의 수많은 코드 컨벤션 중 가장 활용도와 인지도가 높습니다.

 

ESLint는 코드를 작성할 때 추천되는 코딩 스타일과 규칙들을 제시합니다.

 

프로젝트에 ESLint를 적용하여 작업한다면 코드의 가독성을 높여 다른 사람들과의 협업에 도움을 줍니다.

 

---

 

저는 현재 회사에서 Typescript를 이용하여 작업을 하고 있습니다.

 

그런데 작업을 하다 보면 특정 라인에서는 eslint 규칙을 끄고 싶을 때가 있습니다.

 

그런 경우에, 주석의 형태를 이용하여 간단하게 규칙을 끌 수 있습니다.

 

 

 

예를 들어, 해당 라인에서 eslint-A라는 규칙을 끄고 싶다면 해당 라인에다가 다음과 같이 주석을 달아주면 됩니다.

 

// eslint-disable-line eslint-A

 

 

 

만약, 다음 라인에서 eslint-A라는 규칙을 끄고 싶다면 아래와 같이 주석을 달아주면 됩니다.

그렇게 된다면, 이 주석이 위치한 곳의 바로 다음 라인에서 eslint-A 규칙이 꺼지게 됩니다.

 

// eslint-disable-next-line eslint-A