[TIL] 2020-03-05

[노마드 코더]

바닐라 JS로 게임 만들기 #2.6 Saving the Image까지 수강

 

[스스로 미니 프로젝트 만들기]

바닐라 JS로 간단하게 틀린 그림찾기 만듬

 

[배운 내용]

 

addEventListener 마우스 이벤트	[종류] mousemove : 마우스가 해당 객체의 영역에서 커서가 움직이는 순간 발생  mouseleave :해당 영역에서 커서가 빠져나가는 순간 발생 mousedown : 해당 객체의 영역에서 마우스 버튼이 눌려지는 순간 발생 mouseup : 해당 객체의 영역에서 마우스 버튼이 떼는 순간 발생   offsetX, offsetY  - 이벤트 발생한 객체(태그)의 좌측상단을 기준점  - 많이 사용(relative)
JavaScript 타이머 함수	setInterval(function, duration) 특정시간마다 특정 함수를 계속 호출해서 실행 시킬 수 있다.  setTimeOut(function, duration) 특정시간 이후에 딱 한번만 특정함수를 호출해 실행시킨다.  clearInterval(timerid)  특정 타이머 id값을 가진 타이머 함수를 종료시킨다.
Array.from()	유사 배열 객체(array-like object)나 반복 가능한 객체(iterable object)를 얕게 복사해 새로운Array 객체를 만듭니다.  [예시] Array.from([1, 2, 3], x => x + x); // [2, 4, 6]