1
2
3

function getRandomArbitrary(min, max) {
  return Math.random() * (max - min) + min;
}

• mdn에 여러가지 조건의 난수를 생성하는 좋은 예제가 있다

참고

• https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Math/random#%EB%91%90_%EA%B0%92_%EC%82%AC%EC%9D%B4%EC%9D%98_%EB%82%9C%EC%88%98_%EC%83%9D%EC%84%B1%ED%95%98%EA%B8%B0

• 부동소수점으로 인한 계산 오류가 있다
• mathjs 라이브러리로 해결해보자

mathjs 설치

1
2

yarn add mathjs
yarn add @types/mathjs -D

• mathjs만 설치하면 타입 정의가 없기 때문에
• @types/mathjs 보조 라이브러리까지 설치

mathjs 임포트

1

import * as math from 'mathjs';

• 그냥 기본값으로 사용하려면 import * as math from 'mathjs'로 불러와 사용
• default export가 없어서 import math from 'mathjs'이런 식으로 사용불가
  • Attempted import error: "mathjs" does not contain a default export

1
2
3

import { create, all } from 'mathjs';

const mathF = create(all, { number: 'Fraction' }) as math.MathJsStatic;

• 지정 config를 적용해 사용하려면 create 메서드 사용
• create(all, { number: 'Fraction' }) as math.MathJsStatic
• as 키워드로 타입을 명시하지 않으면 undefined 에러 발생
  • Cannot invoke an object which is possibly 'undefined'

소수점 계산

1
2
3
4
5
6
7
8
9

import { create, all } from 'mathjs';

const mathF = create(all, { number: 'Fraction' }) as math.MathJsStatic;

const mathjsCalc = (expr: string) => {
  return mathF.number(mathF.evaluate(expr));
};

const result = mathjsCalc(`${value1} * ${value2} * 0.01`);

• evaluate메서드를 사용해서 수식 string을 주면 알아서 계산하도록 했다
• 이때 math ConfigOptions에서 number 옵션이 기본값(number)인 경우에 일반적인 계산이 된다
• number 옵션에 Fraction을 주고 생성하게 되면 evaluate 메서드에서 숫자를 Fraction 타입으로 파싱 해서 계산하게 되어 우리가 기대하는 결과를 얻을 수 있다

참고

• https://github.com/chinsun9/react-percentage-calculator
• https://mathjs.org/docs/getting_started.html