[ JavaScript ] 자바스크립트 점과 점 사이의 거리 구하기 | 두 점 사이의 거리 코드

 

 

오랜만에 포스팅입니다.

요즘 밤낮이 완전히 바뀐터라 공부하는 것도 중구난방이네요.

 

드디어 자바스크립트로 만드는 공피하기 게임 플젝이 끝이 났습니다,,,

하면서 너무너무 재밌었어요!

 

요즘 강의가 많이 밀렸는데, 포스팅 후딱 하고 다시 공부하러 가겠습니다!

 

 

 

 

 

 

우선 코드부터 보기 전에, 점과 점 사이의 거리를 구하는 공식부터 봅시다.

그림 한 장만 보면 기억날거예요.

 

 

 

 

이미지 출처 : https://m.blog.naver.com/PostView.nhn?blogId=tipsware&logNo=221238349887&proxyReferer=https:%2F%2Fwww.google.com%2F

 

 

 

 

연산 중, 제곱과 루트가 있네요.

 

 

제곱부터 연산을 시작하니, 자바스크립트 제곱 함수부터 가봅시다.

 

 

 

 

 

 

Math.pow()

 

다른 언어에서, 제곱연산은 ^ 기호를 사용하지만, Java(JavaScript) 에서는 pow 함수를 사용합니다.

 

자바 개발을 해보신 분들이라면 익숙하시라 생각합니다.

 

형식은 다음과 같습니다.

 

 

Math.pow(밑, 지수)

 

 

예를 들어,

 

Math.pow(2,3)   의 결과값은 8이 출력됩니다.

 

궁금하신 분들은 console.log(Math.pow(2,3)) 을 해보시면 되겠습니다!

 

 

바로 브라우저 하나 열고 f12 눌러서 개발자도구 켜고 console 에 찍어봤습니다.

 

 

 

 

 

이렇게 제곱을 할 수 있습니다.

 

 

 

 

 

 

Math.sqrt()

 

 

루트값을 반환해주는 함수입니다.

숫자를 인자로 넘기면 루트를 씌운 값을 반환합니다.

 

 

Math.sqrt(원하는 숫자)

 

 

예시로,

 

 

Math.sqrt(100) 을 해보면, 10을 반환합니다.

 

이 또한 개발자 도구로 바로 확인해보도록 하겠습니다.

 

 

 

 

 

 

 

 

10이 출력되는 것을 확인할 수 있습니다.

 

 

 

 

이제 위에서 소개한 Math.pow() 와 Math.sqrt 를 이용해서 두 점 사이의 거리를 구해봅시다.

 

 

 

 

 

 

 

 

 

위의 그림에서 A 와 B 사이의 거리를 구해보도록 할게요.

학창시절에 배웠던 피타고라스의 정리를 이용하면 바로 5가 나온다는 것을 알 수 있습니다.

 

 

이를 코드를 써서 바로 확인해볼까요?

 

 

Math.sqrt(Math.pow((0-3),2) + Math.pow((4-0),2))

 

 

 

 

 

 

 

 

두 점 사이의 거리가 제대로 출력되는 것을 확인할 수 있습니다.