참고: https://www.delftstack.com/howto/javascript/javascript-radians-to-degrees/
이 포스트에서는 JavaScript의 수식을 사용하여 라디안(radians) 값을 각도(degrees)로 변환하는 방법을 알아보겠습니다.
JavaScript 라디안 각도 변환
자바스크립트에서는 산술 연산자(+, -, *, /)를 사용하여 덧셈, 뺄셈, 곱셈, 나눗셈 등의 계산을 할 수 있습니다. 그리고 이 연산자를 사용해 자바스크립트 프로그램에서 수학 공식을 만들 수 있습니다.
라디안을 각도로 변환하려면 다음 공식을 사용하여 각도 값을 계산할 수 있습니다:
[라디안 값] * ([반원의 각도] / [파이])JavaScript에는 3.14를 리턴하는 파이 메소드 Math.PI가 있습니다. 라디안을 각도로 변환할 때 Math.PI 메소드의 값은 근사 값인 3.14를 사용하는 것 보다 유용하고 효율적입니다.
기본 공식:
let radian = 1
let degree = radian * (180 / Math.PI);위와 같이 각도 값을 얻기 위해서는 사용자로 부터 받은 라디안 값만 있으면 됩니다.
예제
다음 예제에서는 사용자 입력에서 라디안 값을 가져오고 위의 공식을 사용해 산술 연산을 수행한 다음 alert 창에 결과를 표시합니다.
<html>
<script>
function convertToDegree() {
event.preventDefault();
let data = parseFloat(document.getElementById("value").value);
if (isNaN(data)) {
alert("Please enter value");
} else {
let degree = data * (180 / Math.PI);
degree = degree.toFixed(5);
alert("Converted value into degree : " + degree + "°");
}
return false;
}
</script>
<body>
<h3>JavaScript Convert radian to degree</h3>
<form onsubmit="return convertToDegree(event)">
<td> Enter Radian ualue: </td>
<input id="value" type="text">
<input type="submit">
</form>
</body>
</html>See the Pen convert radians to degrees by shinyks (@shinyks) on CodePen.
위 예제 코드에서는 form 요소를 사용하여 사용자 입력 필드와 submit 버튼을 만들었습니다. 사용자는 라디안 값을 삽입하고 사용자가 submit 버튼을 클릭하면 convertToDegree() 함수가 실행됩니다.
script 태그에서 convertToDegree() 함수를 선언했고 함수 내에서 사용자 입력을 data에 저장했고 입력 값을 확인하기 위해 if 문을 사용했습니다. 만일 변수가 비어있으면 alert 창에 에러 메시지를 띄우고, 올바른 숫자 값이 들어왔으면 라디안(radians)을 각도(degrees)로 변환하는 공식을 통해 각도를 구하고 결과 값을 소수점 다섯 자리에서 반올림했습니다.
'dev > javascript' 카테고리의 다른 글
| [javascript] 자바스크립트 apply() 사용 예제 (3) | 2023.03.28 |
|---|---|
| [javascript] 자바스크립트 퍼센트, 백분율 구하기 (4) | 2023.03.24 |
| [javascript] 자바스크립트 정규표현식 비밀번호 강도 확인 (5) | 2023.03.21 |
| [javascript] 자바스크립트 performance.now() (4) | 2023.03.20 |
| [javascript] 자바스크립트 지수 연산자(제곱, Math.pow) (2) | 2023.03.20 |
댓글