자바스크립트 Math() : 삼각함수 #1

 

"게임 개발을 한다면 좌표나 각도를 다루는 일이 많습니다.
좌표, 각도를 구하거나 호를 그릴때 삼각함수를 사용합니다. 
자바스크립트의 Math 객체는 삼각 함수를 계산할 수 있는 여러 메서드를 제공합니다.
Math.cos(), Math.sin(), Math.tan() 에 대해서 알아봅니다."

 

라디안 (Radian)

우리가 흔히 사용하는 각의 단위는 도수 입니다. 30도, 60, 90도 이런식으로 표현합니다.
하지만 컴퓨터는 라디안(Radian) 단위를 사용합니다.

만약 원의 중심에서 원둘레 상의 어떤 점까지의 호를 그린다면 이 길이가 바로 라디안입니다.

그래서 삼각함수 메서드를 사용할 때는 라디안으로 값을 넘겨주고, 표시 할때는 라디안을 다시 도수로 변환해서 표시합니다.

 

Math.PI (원주율)

도수를 라디안으로 변환하거나, 반대로 변환하는 경우에 원주율이 필요합니다.

수학에서 원주율은 π(파이)로 표시 합니다. 하지만 프로그래밍에서는 Math.PI 라는 상수를 사용합니다.

const pi = Math.PI;
console.log(pi) // 3.141592653589793

 

각도에서 라디안으로 변환

• 라디안 = (각도 * π) / 180

const degree = 45;
const radian = (degree * Math.PI) / 180;

console.log(`${degree}도를 라디안으로 변환한 값 : ${radian}`);

• 변환 공식 없이도 라디안 값을 알 수도 있습니다.
• Math.PI : 180º의 라디안 값
• Math.PI / 2 : 90º 의 라디안 값
• Math.PI / 3 : 60º 의 라디안 값
• Math.PI / 4 : 45º 의 라디안 값
• Math.PI / 6 : 30º 의 라디안 값

 

라디안에서 각도로 변환

• 각도 = (라디안 * 180) / π

const radian = 1;
const degree = (radian * 180) / Math.PI;

console.log(`${radian} 라디안을 도로 변환한 값 : ${degree}`);

 

Math.cos(x) 코사인

Math.cos(x) 메서드는 주어진 각도 x의 코사인 값을 반환합니다.

let angleInRadians = Math.PI / 4; // 45도를 라디안으로 변환
let cosineValue = Math.cos(angleInRadians);
console.log(cosineValue); // 0.7071...

 

Math.sin(x) 사인

Math.sin(x) 메서드는 주어진 각도 x의 사인 값을 반환합니다.

let angleInRadians = Math.PI / 3; // 60도를 라디안으로 변환
let sineValue = Math.sin(angleInRadians);
console.log(sineValue); // 0.866...

 

Math.tan(x) 탄젠트

Math.tan(x) 메서드는 주어진 각도 x의 탄젠트 값을 반환합니다.

let angleInRadians = Math.PI / 6; // 30도를 라디안으로 변환
let tangentValue = Math.tan(angleInRadians);
console.log(tangentValue); // 0.5773...