[eslint] 삼항연산자 관련 규칙

삼항연산자를 사용할 때, 도움이 되는 eslint 규칙에 대해 알아보도록 하겠습니다.

{
  "rules": {
    "no-unneeded-ternary": "error",
    "multiline-ternary": "off"
  }
}

no-unneeded-ternary

불필요하게 사용된 삼항연산자를 찾아주는 규칙입니다.

// bad
const value = condition ? true : false;

// good
const value = Boolean(condition);

multiline-ternary

삼항연산자를 사용할 때, 가독성을 위해 줄바꿈을 강제하는 규칙입니다.
저 같은 경우 가독성에 큰 문제를 느끼지 못 하고 있기 때문에 해당 규칙은 사용하지 않습니다.

// bad ..?
const value = condition ? "Yes" : "No";

// good ..?
const value = condition
? "Yes"
: "No";