개발자 꿈나무의 블로그

구분 설명 프로퍼티 altKey 이벤트가 발생할 때 Alt키를 눌렀는지 여부를 boolean값으로 반환합니다. button 마우스에서 누른 버튼의 키값을 반환합니다. charCode keypress 이벤트가 발생할 때 어떤 키를 눌렀는지 유니코드값으로 반환합니다. clientX 이벤트가 발생한 가로 위치를 반환합니다. clientY 이벤트가 발생한 세로 위치를 반환합니다. ctrlKey 이벤트가 발생했을 때 Ctrl키를 눌렀는지 여부를 boolean값으로 반환합니다. pageX 현재 문서 기준으로 이벤트가 발생한 가로 위치를 반환합니다. pageY 현재 문서 기준으로 이벤트가 발생한 세로 위치를 반환합니다. screenX 현재 화면 기준으로 이벤트가 발생한 가로 위치를 반환합니다. screenY 현재 화..

* id 선택자로 접근하는 getElementById() 메서드 - 기본형 : 요소명.getElementById("id명") document.getElementById("heading") // id값이 heading인 요소에 접근 * class 값으로 접근하는 getElementsByClassName() 메서드 - 기본형 : 요소명.getElementByClassName("class명") document.getElementByClassName("bright") // class = "bright" 속성이 있는 요소를 모두 검색 * 태그 이름으로 접근하는 getElementsByTagName() 메서드 - 기본형 : 요소명.getElementsByTagName("태그명") document.getElement..

* window 객체의 메서드 종류 설명 alert() 알림 창을 표시합니다. blur() 현재 창에서 포커스를 제거합니다. close() 현재 창을 닫습니다. confirm() [확인], [취소] 버튼이 있는 확인 창을 표시합니다. focus() 현재 창에 포커스를 부여합니다. moveBy() 현재 창을 지정한 크기만큼 이동합니다. moveTo() 현재 창을 지정한 좌표로 이동합니다. open() 새로운 창을 엽니다. postMessage() 메시지를 다른 창으로 전달합니다. print() 현재 문서를 인쇄합니다. prompt() 프롬프트 창에 입력한 텍스트를 반환합니다. resizeBy() 지정한 크기만큼 현재 창의 크기를 조절합니다. resizeTo() 동적으로 브라우저 창의 크기를 조절합니다. s..

프로그램을 만들기 전에 먼저 무작위로 숫자를 추출하는 random() 메서드부터 알아보겠다. Math.random() 콘솔 창에 위의 코드를 입력하면 위와 같이 0 ~ 1사이의 숫자가 소수점 단위로 무작위 출력되는 것을 확인할 수 있다. 이번에는 1과 100 사이의 숫자를 무작위로 출력해보겠다. Math.random() * 100 + 1 Math.random() 메서드를 실행한 값에 100을 곱하면 대략 0.000 ~ 99.999사이의 값이 된다. 따라서 이 계산값에 1을 더해주면 1과 100 사이의 숫자가 출력될 것이다. 정상적으로 출력되는 것을 볼 수 있다. 만약에 무작위로 추출되는 숫자를 정수로만 나타내고 싶다면 Math 객체의 floor() 메서드를 사용해주면 된다. Math.floor(Math...

* Math 객체의 메서드 종류 설명 abs() 절댓값을 반환합니다. acos() 아크 코사인(arc cosine)값을 반환합니다. asin() 아크 사인(arc sine)값을 반환합니다. atan() 아크 탄젠트(arc tangent)값을 반환합니다. atan2() 아크 탄젠트(arc tangent)값을 반환합니다. ceil() 매개변수의 소수점 이하 부분을 올립니다. cos() 코사인(cosine)값을 반환합니다. exp() 지수 함수를 나타냅니다. floor() 매개변수의 소수점 이하 부분을 버립니다. log() 매개변수에 대한 로그(log)값을 반환합니다. max() 매개변수 중 최댓값을 반환합니다. min() 매개변수 중 최솟값을 반환합니다. pow() 매개변수의 지숫값을 반환합니다. rando..