Silverback9

오늘은 angle과 vector의 관계성을 이용하여 프로그램을 만들기 위한 준비 공부를 하도록 할게요~^^*

아래 동영상을 클릭하셔서 3:30까지 보시면 오늘 공부 끝~~~^^*

이제 본격적으로 삼각함수를 많이 이용해서 프로그램들을 만들기 시작할거예요. 그래서 삼각함수와 역삼각함수를 복습해 보도록 하겠습니다.

하나. 각의 크기를 알면, 삼각함수를 이용해 삼각형의 세 변의 길이를 알아낼 수 있습니다.

둘. 삼각형의 세 변의 길이를 알면, 역삼각함수를 이용해 각의 크기를 알 수 있습니다.

셋. 벡터의 방향과 크기는 수직관계성을 가진 x 좌표와 y 좌표로 표현할 수 있습니다.

넷. 각의 대변(마주하는 변) (y)와 인접변(x)의 관계성을 다루는 탄젠트 함수를 사용할 수 있습니다.

다섯. 역탄젠트 함수를 사용하면 벡터의 각을 구할 수 있습니다.

여섯. 역탄젠트 함수의 결과, 즉 각의 크기는 계산기를 사용하여 주로 구합니다.

일곱. p5. js 에서는 함수 heading()으로 각의 크기를 구할 수 있습니다.

아래 동영상 강의들을 차례로 가볍고 편안한 마음으로 보시며,삼각함수와 역삼각함수를 살펴 볼까요~^^*

x,y 축 기준 좌표체계에서 각과 길이를 다룰 일도 앞으로 많아질테니, unit circle 내용도 함께 살펴볼게요~^^*

아주 아주 가볍고 편안한 마음으로~~^^* 시청자 모드 ON~~~~~^^*

이것을 클릭하시면 역삼각함수에 대해 좀더 자세하게 살펴 볼 수 있어요~^^*

이것을 클릭하시면 역탄젠트함수 계산기를 사용할 수 있어요~. 각과 마주보는 변과 인접변의 비율을 소수(decimal)이나 [마주하는 변(opposite)/인접변(adjacent)] 분수로 입력하고 Degree vs Radian 모드를 선택하면, 그 결과를 볼 수 있어요~~~^^* 종료는 사각형~~*

이제, p5.js의 함수 heading()을 사용해 볼까요~^^* 각과 마주보는 변(Opposite)의 길이 1, 인접변(Adjacent)의 길이 1인 경우의 각의 크기를 디폴트인 라디안과 Degree로 표현하는 프로그램을 만들어 보겠습니다.~^^*

function setup() {
  
  let v = createVector(1, 1);
  //[x축(인접변)1, y축(마주보는 변) 1]의 크기와 방향을 가진 벡터를 생성합니다.   
  
  print(v.heading());
  //모드를 따로 표시하지 않았기에, 디폴트 모드인 라디안 모드로 각의 크기가 콘솔창에 표현됩니다.  
  
  angleMode(DEGREES);
  //Degree(각도) 모드로 바꿉니다. 

  print(v.heading());
  //각도법 모드로 각의 크기가 콘솔창에 표현됩니다. 
}

이것을 눌러 sketch.js 파일의 코드를 살펴보셔요~^^* 삼각형을 눌러 프로그램을 실행시키고 콘솔창을 보시면 호도(Radian)와 각도(Degree)로 각의 크기가 표현되어 있는지 살펴보셔요~^^*

오늘은 삼각함수와 단위 원(Unit Circle)과 역삼각함수와 역탄젠트 계산기와 p5.js 함수 heading()을 살펴 보았습니다. 내일은 heading()을 사용하여 좀더 재미있는 프로그램을 만들어 볼게요~^^*

오늘도 함께 코딩 공부 해주셔서 감사합니다~^^* 내일 우리 또 만나서 공부 같이 해요~~~~^^*

앞으로 점점 삼각형과 아주 많이 친해지게 되겠지요~^^* 반짝반짝 빛나는 황금빛 삼각형들을 생활 공간 곳곳에서 더욱 쉽게 발견하게 될 것 같아요!!! 만유삼각형!!!

반짝반짝 빛나는 하루 보내셔요~^^*

꿈은 이루어 집니다~~!!

정오가 지나버려서 일단 포스팅 업로드를 하고, 동영상 강의들의 내용을 노트정리해서 다시 올려 볼게요~~^^* 점심 맛있게 드시구요~~~^^*

넵, 노트 정리해서 다시 왔어요~~~^^* 점심 식사 후 나무 그늘 아래에서 노트 한 번 읽어보셔도 좋을 것 같아요~~^^* 내일 또 만나요~~~^^*