ESLint 규칙 중 no-nested-ternary란?

no-nested-ternary란?

프로그래밍을 할 때 때때로 3항 연산자(?:)를 사용하여 간단한 조건문을 작성할 수 있습니다. 하지만 중첩된 3항 연산자는 코드의 가독성을 크게 떨어뜨릴 수 있습니다. 이러한 중첩은 이해하기 어렵고 유지보수가 힘든 코드를 만들게 됩니다. ESLint의 no-nested-ternary 규칙은 이러한 문제를 방지하기 위해 존재합니다.

중첩 3항 연산자가 왜 문제인가?

중첩된 3항 연산자는 조건식이 복잡할수록 읽기 어려워지고, 의도 파악이 힘들어지게 됩니다. 이는 다른 개발자가 코드를 이해하는 데 있어 방해 요소가 되고, 협업 시 문제를 야기할 수 있습니다.

ESLint no-nested-ternary 규칙의 역할

ESLint의 no-nested-ternary 규칙은 코드에서 중첩된 3항 연산자를 사용하지 않도록 방지하는 데 목적이 있습니다. 코드의 유지보수성을 높이고, 가독성을 개선하려는 의도로 설계된 규칙입니다.

올바르고 잘못된 사용 예시

올바른 예시:

// 복잡한 3항 연산자 대신 if문 사용
let result;
if (condition1) {
  result = value1;
} else if (condition2) {
  result = value2;
} else {
  result = value3;
}

잘못된 예시:

// 중첩된 3항 연산자 사용
let result = condition1 ? value1 : condition2 ? value2 : value3;

ESLint에서 no-nested-ternary 규칙 설정

이 규칙은 ESLint에서 기본적으로 비활성화되어 있으므로, 프로젝트에서 활성화하려면 .eslintrc 파일에 다음과 같이 설정할 수 있습니다.

{
  "rules": {
    "no-nested-ternary": "error"
  }
}

결론

no-nested-ternary 규칙은 코드의 가독성과 유지보수성을 높이기 위해 중첩된 3항 연산자의 사용을 금지하는 유용한 ESLint 규칙입니다. 중첩된 3항 연산자는 복잡한 조건식을 처리하기에는 적합하지 않으므로, 이 규칙을 통해 더 좋은 코딩 습관을 가져보세요. 이제부터는 조건식 작성 시 이를 염두에 두어 코드를 더욱 명확하고 이해하기 쉽게 만드는 데 집중해보세요.

ESLint 규칙 중 no-nested-ternary 란?