[Javascript] Javascript 입문 09 (170320)

Javascript 입문 09

• forEach(function(){ });

- (    ) 안의 값을 전달하는 역할

- 배열의 .forEach() 함수를 호출하면서 전달한 함수는 배열의 방의 갯수만큼 자동 호출된다.

- 전달한 함수의 첫번째 인자는 배열에 저장된 아이템이 전달된다.

- 전달한 함수의 두번째 인자로 배열의 index 가 전달된다.

**출력결과**

• for문의 줄임

- for(var i in names) {       }

** 출력 결과 **

• CSS 색상 
  

- 빛을 기준으로 짜였다.

- 10진수의 경우 99가 최대수

- 16진수의 경우 ff가 최대수

- 빨(R) 녹(G) 파(B) 의 농도 16진수 두자리

- #ff 00 00 빨 -> rgb(255, 0, 0)

- #00 ff 00 녹 -> rgb(0, 255, 0)

- #00 00 ff 파 -> rgb(0, 0, 255)

• Mouse Event

- 이벤트가 일어난 위치의 상대좌표

event.offsetX

event.offsetY

- 이벤트가 일어난 위치의 웹브라우저 window기준 좌표

event.pageX

event.pageY

- 이벤트가 일어난 위치의 화면 기준 좌표

event.screenX

event.screenY

• Mousedown 예제

- 익명의 event함수를 지정. 여기에 적는 함수는 object로 인식한다.

- . 으로 참조하여 사용한다.

**출력결과**

• Mousemove

• window.onload

- 문서 로딩이 완료되었을 때 호출되도록 해주는 함수

- 보통 앞쪽에 있는 script에 많이 쓴다.

• TimeDelay 관련 함수

- setTimeout(실행할 함수, 지연시간);     : 일정 시간 후 함수가 실행된다.

- setInterval(호출될 함수, 시간);    : 지정한 시간을 interval로 두고 실행된다.