"-clientWidth : HTML5 이전에 가로에 해당하는 크기를 관리
-width : HTML5 이후에 가로에 해당하는 크기를 관리(style 속성을 변경)
이미지의 경우 가로 세로 비율에 맞춰서 늘어나기 때문에 가로나 세로 하나만 바꾸어도 같이 늘어남. 단, 가로세로 둘 다 설정한 경우 비율에 맞추어 늘어나는 게 아니라 설정된 값에 맞추어 변경
-onload : 브라우저 화면에 해당 객체가 그려진 후에 실행
window.onload - 브라우저에 객체 로딩이 완료된 시점
-onresize : 크기가 변경되었을 때
-onfocus : 해당 영역이 활성화되었을 때
-onblur : 해당 영역에서 밖으로 나간 상태가 되었을 때
-event : 이벤트 발생 내용
-keyCode : 키보드 지정 숫자. 엔터는 13번
*onkeypress를 이용하여 키보드 입력 시 이벤트 발생시킬 수 있음
-자바스크립트 Math
1) round : 반올림
2) ceil : 올림
3) floor : 버림
4) abs : 절대값
5) random() : 랜덤
*랜덤 사용법 - 버림(랜덤 * (1 ~ 구하고자하는 범위의 최대값) + 1 + 시작값의 직전값)
ex) 12 ~ 15 사이 랜덤값 구하기 : Math.floor((Math.random() * 4) _ 1 + 11)
-배열
1) 선언 : var arr = [1,2,3]
2) push : 배열 끝에 값을 추가
3) splice(숫자1, 숫자2) : 숫자 1번 위치의 값부터 숫자 2개만큼 삭제
4) splice(숫자1, 숫자2, 값1, 값2, ...) : 숫자 1번 위치의 값부터 숫자 2개만큼 삭제하고 해당 위치에 값들을 순차적으로 추가)
5) sort - 오름차순 정렬이며, 숫자만 들어가 있을 경우 적용
6) reverse - 내림차순 정렬이며, 숫자만 들어가 있을 경우 적용
-날짜
1) getFullYear() : 4자리 연도
2) getMonth() + 1 : 0~11이 범위이기 때문에 +1을 해줌
3) getDate() : 날짜
4) getHours() : 시간
5) getMinutes() : 분
6) getSeconds() : 초
7) getMilliseconds() : 밀리초
8) getDay() : 요일 0(일) ~ 6(토)
-setTimeout(함수, 시간) : 해당 시간(밀리초가 지난 후 함수를 실행한다.)
자바스크립트는 브라우저에서 실행되므로 timeout을 남발하는 것은 좋지 않음
-clearTimeout(timeout객체) : 해당 객체의 실행을 취소한다.
-setInterval(함수, 시간) : 해당 시간마다 해당 함수를 실행하겠다. 한 번만 쓸 경우 timeout 사용. 여러 번 쓸 경우 interval 사용. timeout과 사용형태 동일
-setInterval(함수, 시간, 값1, 값2, ....) : 해당 시간마다 해당 함수를 실행하겠다. 값1, 값2, ... 에 해당하는 내용을 parameter에 넣어준다.
"
-width : HTML5 이후에 가로에 해당하는 크기를 관리(style 속성을 변경)
이미지의 경우 가로 세로 비율에 맞춰서 늘어나기 때문에 가로나 세로 하나만 바꾸어도 같이 늘어남. 단, 가로세로 둘 다 설정한 경우 비율에 맞추어 늘어나는 게 아니라 설정된 값에 맞추어 변경
-onload : 브라우저 화면에 해당 객체가 그려진 후에 실행
window.onload - 브라우저에 객체 로딩이 완료된 시점
-onresize : 크기가 변경되었을 때
-onfocus : 해당 영역이 활성화되었을 때
-onblur : 해당 영역에서 밖으로 나간 상태가 되었을 때
-event : 이벤트 발생 내용
-keyCode : 키보드 지정 숫자. 엔터는 13번
*onkeypress를 이용하여 키보드 입력 시 이벤트 발생시킬 수 있음
-자바스크립트 Math
1) round : 반올림
2) ceil : 올림
3) floor : 버림
4) abs : 절대값
5) random() : 랜덤
*랜덤 사용법 - 버림(랜덤 * (1 ~ 구하고자하는 범위의 최대값) + 1 + 시작값의 직전값)
ex) 12 ~ 15 사이 랜덤값 구하기 : Math.floor((Math.random() * 4) _ 1 + 11)
-배열
1) 선언 : var arr = [1,2,3]
2) push : 배열 끝에 값을 추가
3) splice(숫자1, 숫자2) : 숫자 1번 위치의 값부터 숫자 2개만큼 삭제
4) splice(숫자1, 숫자2, 값1, 값2, ...) : 숫자 1번 위치의 값부터 숫자 2개만큼 삭제하고 해당 위치에 값들을 순차적으로 추가)
5) sort - 오름차순 정렬이며, 숫자만 들어가 있을 경우 적용
6) reverse - 내림차순 정렬이며, 숫자만 들어가 있을 경우 적용
-날짜
1) getFullYear() : 4자리 연도
2) getMonth() + 1 : 0~11이 범위이기 때문에 +1을 해줌
3) getDate() : 날짜
4) getHours() : 시간
5) getMinutes() : 분
6) getSeconds() : 초
7) getMilliseconds() : 밀리초
8) getDay() : 요일 0(일) ~ 6(토)
-setTimeout(함수, 시간) : 해당 시간(밀리초가 지난 후 함수를 실행한다.)
자바스크립트는 브라우저에서 실행되므로 timeout을 남발하는 것은 좋지 않음
var timeout = setTimeout(function() {
alert("you die");
}, 3000);
-clearTimeout(timeout객체) : 해당 객체의 실행을 취소한다.
-setInterval(함수, 시간) : 해당 시간마다 해당 함수를 실행하겠다. 한 번만 쓸 경우 timeout 사용. 여러 번 쓸 경우 interval 사용. timeout과 사용형태 동일
-setInterval(함수, 시간, 값1, 값2, ....) : 해당 시간마다 해당 함수를 실행하겠다. 값1, 값2, ... 에 해당하는 내용을 parameter에 넣어준다.
"