JavaScript - Math 이해하기

안녕하세요.

Hynn 입니다.

 

이번 포스팅에서는 다음 포스팅에서 재미난 형태로 작성하게 될 포스팅에 앞서, 개념을 정리하는 포스팅입니다.

Math 함수는, 이전 포스팅에서 다루었던, JavaScript 에서 기본적으로 다루고 있는 Window 라는 객체 안에 내장되어 있는 Method입니다.

 

이 객체는 JavaScript 에서 수학적인 계산을 위해서 사용하기도 하고, 무작위숫자나, 소숫점 단위의 숫자를 출력하는 역활도 합니다.

여기서 우리가 자주 떠오르는 몇가지 항목들이 있을 것입니다.

 

Math 에 대해서 배워보는 글을 작성해보겠습니다.

 

==========

1. Math 에 대해서 알아보기

2. Math 에서 사용되는 주요 Method 

3. 실제 작성예시 

==========

 

1. Math에 대해서 알아보기

Math 는 수학적인 상수와 함수를 위한 속성과 Method 를 가진 내장객체입니다.

독특하게도 Math 는 함수라고 표현하지 않고, 객체라는 표현을 사용합니다. 이 Math 객체는 일반적인 전역 객체와는 다르게 생성자객체(함수)가 아닙니다. Math 의 모든 속성과 Method 는 정적인 특성을 지니고 있습니다.

 

이를 사용하여 재미난 숫자를 호출할 수도 있는데요.

가령 학창시절에 학생들을 괴롭히던 유명한 상수, 로그, 자연로그, 제곱근, 원주율 등을 가져올 수도 있습니다. 예시를 작성해보겠습니다.

console.log(Math.E)
console.log(Math.LN숫자)
console.log(Math.LOG숫자E) 
console.log(Math.PI)
console.log(Math.SQRT1_2)
console.log(Math.SQRT2)

 

실제 예를 보시기 쉽게 Console.log 로 구현해서 작성했습니다.

각각의 예시는 아래와 같습니다.

 

명칭	설명
Math.E	오일러의 상수	console.log(Math.E)
Math.LN숫자	X의 대한 자연로그 X = 숫자	console.log(Math.LN숫자)
Math.LOG숫자E	밑이 X인 로그 X = 숫자	console.log(Math.LOG숫자E)
Math.PI	원주율	console.log(Math.PI)
Math.SQRT1_2	분수의 제곱근 예시의 숫자는 1/2	console.log(Math.SQRT1_2)
Math SQRT2	정수의 제곱근, 예시의 숫자는 2	console.log(Math.SQRT2)

 

물론, 위의 Math 기능은 자주 사용하지 않을지도 모릅니다. 그래서 실제 사용을 하는 몇몇 Method 를 설명 드리고 이를 간단하게 예시로 작성해보도록 하겠습니다.

 

2. Math 에서 사용되는 주요 Method 

이제 이를 실제로 자주 사용하는 Method 를 안다면 편리하게 파악이 될 것입니다.

먼저 Method 를 소개해드리겠습니다.

Method 명칭	설명	예시
Math.min()	가장 작은 값을 반환	Math.min(1,2,3,4,...)
Math.max()	가장 큰 값을 반환	Math.max(1,2,3,4,...)
Math.random()	무작위 숫자를 반환	Math.random ()
Math.round(x)	소수점 첫번째 자리에서 반올림 한 후 정수 반환	Math.round(11.xxxx...)
Math.floor()	인수와 같거나 작은 수 중에서 가장 큰 정수 반환	Math.floor()
Math.ceil()	인수와 같거나 작은 수 중에서 가장 작은 정수 반환	Math.ceil()

 

위의 목록만 보면, 개별적으로만 사용하기에는, 활용도가 떨어지는 것 처럼 느껴질 수 있습니다.

하지만 우리는 이를 이용해 심심풀이 놀이를 하나 만들수도 있습니다.

무작위 숫자에 대해서 눈치채신분들이라면, 어떤 것인지 바로 짐작이 되실 겁니다. 

 

3. 실제 작성예시 

 

위의 예시들을 가지고 이제 작성해보는것은, 1~45의 숫자를 무작위로 출력하는 것입니다.

어디서 많이 본 숫자 아닌가요? 바로 인생한방의 상징, 로또입니다.

로또가 이와 동일한 로직으로 출력하는 것은 아니지만, 무작위의 숫자 6개가 당첨번호가 된다는 것에 대한 큰 틀은 이와 동일하다고 할 수 있습니다.

 

한번 작성해보겠습니다.

console.log(Math.floor(Math.random() * 45))

 

완성했습니다. 

위의 예시를 두개를 조합하여 생성한 로또번호 생성 콘솔입니다.

 

콘솔로그 내에서 Math.floor 를 사용해서, "정수" 로 반환하도록 Method 를 부여합니다. 이제 정수로 반환하는 Method 안에 다시한번 무작위로 생성하도록 부여하고, 최대 값은 45여야 합니다.

 

그러면 완성되었습니다.

 

다음 포스팅에서는 이전에 다루엇던 JavaScript 를 이용해서 Lotto Number 생성 HTML 페이지를 JavaScript 로 구현해보겠습니다.

 

감사합니다.