[ TIL ] 2022-05-25

javascript

• 숫자 천 단위 콤마 표시

  Number.toLocaleString()
  참고 - MDN Number.prototype.toLocaleString()

Tips

• switch문 / if문 대체 코드

const anyFunc = (title: string, data: number) => {
  const result = {
    typeA: `${Number(new BigNumber(data).toFixed(0)).toLocaleString()}원`,
    typeB: `${Number(new BigNumber(data).multipliedBy(0.0001).toFixed(0)).toLocaleString()}원`,
    typeC: `${new BigNumber(data).multipliedBy(0.0001).toFixed(1)}%`,
    typeD: `${new BigNumber(data).multipliedBy(0.0001).toFixed(2)}%`,
    typeE: `${new BigNumber(data).multipliedBy(0.0001).toFormat(3)}%`,
    typeF: `${data}%`,
  }
  return result[title]
}

Victory.js

• 라인 그래프에 툴팁 쓰려면 VictoryGroup
  VictoryGroup