ESLint 규칙 중 no-extra-parens 란?

프로그래밍을 할 때 가독성을 높이고 오류를 방지하기 위해 코드를 깔끔하게 유지하는 것은 매우 중요합니다. JavaScript와 같은 언어에서 이러한 역할을 수행하는 도구 중 하나가 바로 ESLint입니다. ESLint는 다양한 코드 스타일과 품질 관련 규칙을 통해 개발자가 일관된 코드를 작성하도록 돕습니다. 이번 블로그에서는 그 중에서도 'no-extra-parens' 규칙에 대해 자세히 알아보겠습니다.

no-extra-parens란?

no-extra-parens 규칙은 JavaScript 코드에서 불필요한 괄호의 사용을 방지하는 ESLint 규칙입니다. 괄호는 연산의 우선순위를 명확히 하기 위한 중요한 도구이지만, 때로는 쓸모 없는 위치에 괄호가 달리면 코드의 가독성이 저하될 수 있습니다. 이러한 불필요한 괄호는 코드를 복잡하게 보이게 만들며, 다른 개발자들이 코드를 이해하는 데 어려움을 줄 수 있습니다. no-extra-parens 규칙은 이런 불상사를 방지하기 위해, 불필요하게 사용된 괄호를 탐지하고 경고를 발생시킵니다.

no-extra-parens 규칙의 적용 예

ESLint의 no-extra-parens 규칙이 실질적으로 어떻게 동작하는지 이해하기 위해 코드 예제를 살펴보겠습니다.

잘못된 예시

// 불필요한 괄호 사용
let result = (a + b) * c;
console.log((result));

위 코드에서는 a + b에 괄호를 사용하는 것은 괜찮을 수 있지만, result를 로그로 출력할 때 불필요한 괄호를 사용하고 있습니다. no-extra-parens 규칙은 이런 불필요한 부분을 감지하여 경고 메시지를 띄웁니다.

올바른 예시

// 불필요한 괄호 제거
let result = a + b * c;
console.log(result);

위 코드에서는 꼭 필요한 경우를 제외하고 불필요한 괄호를 제거하여 더욱 깔끔하고 가독성 높은 코드를 작성했습니다.

no-extra-parens 규칙의 설정

ESLint에서 no-extra-parens 규칙은 기본적으로 활성화되어 있거나 비활성화될 수 있습니다. 규칙을 적용하려면 .eslintrc 파일에 다음과 같이 설정할 수 있습니다:

{
  "rules": {
    "no-extra-parens": "error"
  }
}

해당 설정을 통해 불필요한 괄호 사용을 방지하고, 경고를 통해 코드의 가독성을 개선할 수 있습니다.

결론

no-extra-parens 규칙은 코드의 가독성을 높이고, 의미 없는 복잡함을 줄이기 위한 ESLint의 유용한 규칙 중 하나입니다. 괄호는 필요한 경우 우선순위 조정을 위해 유용하게 사용되지만, 불필요하게 사용되면 오히려 코드 해석에 혼란을 줄 수 있습니다. 이 규칙을 통해 코드를 더 깔끔하게 유지하고, 실수를 방지하여 코드 품질을 향상시킬 수 있습니다. 개발에 있어 no-extra-parens 규칙을 적극 활용하여 깨끗하고 명확한 코드를 작성해 보세요!