Silverback9

오늘은 코딩공부를 다시 시작하는 화요일~^^*

우리 아침엔 음악 공부하고요~^^*

밤에 다시 만나서 코딩공부 할까요~^^* 네, 아직 새벽 공부 루틴을 만들 시간이 좀 필요한 것 같아요~^^*

네~^^* 좋아요~^^* 고마워요~^^*

그럼~^^* 베토벤의 펜을 따라가며 들어보는 멋진 아침 우리 함께 열어요~^^* 그리고 보람찬 하루를 보내요~^^* 저는 코딩공부 정리해서 밤에 다시 돌아올게요~^^* 쓩우웅~^^*

세계 문화유산을 눈으로 보고 귀로 듣는 아침~^^*

네~^^* 공부 정리를 새벽에 하게 되었어요…새로운 하루의 스케줄에 적응을 하면 앞으로 공부 마무리를 제때에 해낼 수 있을 것 같아요. 그때까지 화이팅!

오늘은 threshold 기준선을 자유롭게 조정하는 준비를 해 보겠습니다~^^*

이제까지 x = y를 threshold 기준선으로 삼았었는데요.

이제는 threshold 기준선의 기울기 값도, x 좌표값 = 0일 때의 y 좌표값도 자유롭게 설정할 수 있도록 해 볼게요~^^*

네~^^* 수학시간에 접해 보았던 공식~^^* y = m*x + b를 코드로 표현해 보겠습니다~^^*

y = 0.3*x + 0.2를 만들어 주는 함수를 코드로 작성해 보면~^^*

function f(x) {
   return 0.3*x + 0.2;
}

이제 threshhold 기준선을 시각적으로 표현해 보겠습니다~^^*

x ==-1일 때의 y 좌표를 구하고~^^* x == 1일 때의 y좌표를 구하여~^^* 캔버스 양 끝점을 선으로 이으면~^^* threshold 기준선이 표현될 것 같아요~^^*

function draw() {
   .
   .
   .
  let x1 = -1;
  let y1 = f(x1);
  let x2 = 1;
  let y2 = f(x2);
  line(x1, f(x1), x2, f(x2));
   .
   .
   .
}

네 기준선을 그리는 작업 절차는 완성이 되었는데요…우리는 현재 class Point를 사용해서 점을 표현하고 있어서요…class Point 코드를 개선한 후 draw()의 코드도 개선해 보겠습니다~^^*

class Point는 무작위 xy 좌표값을 가지고 생성이 되었었지요?

이번에는, xy 위지좌표값을 부여하면, 그 위치에 Point가 생기는 기능을 class Point에 추가해 보겠습니다~^^*

class Point() {
   .
   .
   .
  Point(x, y) {
    this.x = x;
    this.y = y;
  }
   .
   .
   .
}

이제 함수 draw()의 기준선 그리기 부분을 개선해 볼게요~^^*

function draw() {
   .
   .
   .
  Point p1 = new Point(-1, f(-1));
  Point p2 = new Point(1, f(1));
  line(p1.pixelX(), p1.pixelY(), p2.pixelX(), p2.pixelY());
   .
   .
   .
}

오늘 저와 함께 기준선을 자유롭게 설정할 수 있는 코드를 만들어 주셔서 감사합니다~^^*

오늘 밤에는~^^* (어제 공부를 오늘 새벽에 했으니…오늘 공부는 오늘 밤에 할게요…) 자유롭게 지정된 기준선을 기준으로 perceptron을 훈련하는 단계 공부를 시작해 볼까요?

네~^^* 좋아요~^^* 고마워요~^^*

오늘 하루도 보람차게 보내시고요~^^*

반가운 만남 기쁨 나누를 하루 끝~^^*

포근하고 편안하게 코~^^* 하시기 바래요~^^*

네~^^* 꿈은 이루어 집니다~^^*