🚦 본론

정말 많이 쓰는 빌트인 객체입니다.
Number 타입의 값을 구할 때 많이 사용하는 프로퍼티와 메서드들이 내장되어 있습니다.

Math.PI

음... 이거는 가끔, 애니메이션 구현할 때 자주 사용했습니다.
이 프로퍼티를 갖고 캔버스에 원을 그릴 때 편하더라구요!

MDN에 있는 예제를 가져와봤습니다.

function draw() {
  const canvas = document.getElementById("canvas");
  if (canvas.getContext) {
    const ctx = canvas.getContext("2d");

    ctx.beginPath();
    ctx.arc(75, 75, 50, 0, Math.PI * 2, true); // Outer circle
    ctx.moveTo(110, 75);
    ctx.arc(75, 75, 35, 0, Math.PI, false); // Mouth (clockwise)
    ctx.moveTo(65, 65);
    ctx.arc(60, 65, 5, 0, Math.PI * 2, true); // Left eye
    ctx.moveTo(95, 65);
    ctx.arc(90, 65, 5, 0, Math.PI * 2, true); // Right eye
    ctx.stroke();
  }
}

Math.abs

절대값을 구하는 데 사용합니다.

Math.round

이번에 사용할 일이 있었는데요. 전달된 숫자의 소수점 이하를 반올림합니다.
그렇지만, 이러한 메서드는 실제로 완전히 소수점을 잘 처리하지 못합니다. 이유는 부동소수점 때문인데요!

따라서, 이 블로그에 따르면, 위 메서드를 좀 더 가공해서 사용해야 모든 케이스를 처리할 수 있다고 합니다.

function roundTo(num, pointPlace) {
    return +(Math.round(num + `e+${pointPlace}`)  + `e-${pointPlace}`);
}

Math.ceil, Math.floor

올림과 내림에 관한 메서드입니다.

Math.sqrt

인수로 전달된 값의 제곱근을 반환합니다.

Math.random

0 <= value < 1의 값을 반환합니다.
중요한 포인트는, 1을 반환하지 않습니다.

Math.pow(밑, 지수)

첫번째 인자를 지수만큼 거듭제곱한 값을 반환합니다.

Math.min, Math.max

최솟값과 최댓값을 반환합니다.

🎉 마치며

음... 쉬어가는 파트라고 보면 될 것 같네요.
중요하지 않은 건 아니지만, 그렇다고 엄청 에너지를 쏟을 파트는 아닌 것 같습니다.
실제로 저자도, Math.sin 등 다양한 메서드가 아직 많음에도 핵심만 서술한 것 같습니다.

다만, 저 역시 이번에 round 함수의 경우 부동 소수점 이슈가 있어서, 정말 새로웠던 기억이 있어요.

요새 느끼는 건, 잘하는 개발자란... 엣지 케이스까지 잘 파악해서, 안정적으로 프로그래밍할 수 있도록 지원하는 개발자가 아닐까 생각하네요.

그럼, 다들 멋진 개발자가 되시길 바라며. 이상!