var a = 1 |
숫자형 (number) |
데이터 타입 |
"var b = ""cat""" |
문자열 (string) |
데이터 타입 |
var c = true |
논리형 (boolean) |
데이터 타입 |
"var dog = { name : ""Spot"" , kind : ""dog"" }" |
객체 (object) |
데이터 타입 |
"function sum(a, b) { return a + b; }" |
함수 (function) |
데이터 타입 |
"var numbers = [1,2,3]" |
배열 (array) |
데이터 타입 |
null |
변수 값이 없음 |
데이터 타입 |
undefined |
정의되지 않음 |
데이터 타입 |
symbol |
인스턴스가 고유하고 불변인 데이터 형 |
데이터 타입 |
typeof |
변수의 데이터 타입을 반환 |
typeof 연산자 |
var |
변수를 선언. 추가로 동시에 값을 초기화 |
변수 |
let |
블록 범위(scope) 지역 변수를 선언, 추가로 동시에 값을 초기화 |
변수 |
const |
블록 범위 읽기 전용 상수를 선언 |
변수 |
select |
option 태그에서 option이 선택되었을 때 |
폼 이벤트 |
change |
폼 필드에서 변경이 일어났을 때 (ex. 라디오 버튼 클릭) |
폼 이벤트 |
reset |
폼을 초기화하기 위함 |
폼 이벤트 |
submit |
전송 버튼을 눌렀을 때 또는 텍스트 필드에서 엔터키를 눌렀을 때 |
폼 이벤트 |
blur |
요소가 포커스에서 벗어났을 때 |
포커스 이벤트 |
focus |
요소에 포커스가 갔을 때 |
포커스 이벤트 |
keypress |
키를 눌러 문자가 입력되었을 때 |
키보드 이벤트 |
keyup |
키를 눌렀다 떼는 순간 |
키보드 이벤트 |
keydown |
키를 누르는 순간 |
키보드 이벤트 |
mouseover |
요소 바깥으로 마우스를 움직였을 때 |
마우스 이벤트 |
mouseout |
요소 위로 마우스를 움직였을 때 |
마우스 이벤트 |
mousemove |
마우스를 움직였을 때 |
마우스 이벤트 |
mouseup |
눌렀던 마우스 버튼을 땔 때 |
마우스 이벤트 |
mousedown |
마우스 버튼을 누르고 있을 때 |
마우스 이벤트 |
dbclick |
마우스 버튼을 두 번 연속 더블 클릭 할 때 |
마우스 이벤트 |
click |
마우스 버튼 클릭했다 땔 때 |
마우스 이벤트 |
scroll |
사용자가 페이지를 위아래로 스크롤 할 때 |
윈도우 이벤트 |
resize |
브라우저의 창 크기를 조정했을 때 |
윈도우 이벤트 |
error |
브라우저가 자바스크립트 오류를 만났거나 요청한 자원이 없는 경우 |
윈도우 이벤트 |
unload |
웹 페이지가 언로드 될 때 |
윈도우 이벤트 |
load |
웹 페이지의 로드가 완료되었을 때 |
윈도우 이벤트 |
clearInterval(id) |
실행되고있는 interval 중지 |
타이머 함수 |
clearTimeout(id) |
실행되고있는 timeout 중지 |
타이머 함수 |
setInterval(함수, 시간) |
일정 시간 간격으로 함수 반복 실행 |
타이머 함수 |
setTimeout(함수, 시간) |
일정 시간 후 함수 실행 |
타이머 함수 |
getSeconds() |
초를 정수로 반환 |
Date 메소드 |
getMinutes() |
분을 정수로 반환 |
Date 메소드 |
getHours() |
시를 정수로 반환 |
Date 메소드 |
getDay() |
요일을 정수로 반환 |
Date 메소드 |
getDate() |
날짜를 정수로 반환 |
Date 메소드 |
getMonth() |
월을 정수로 반환 |
Date 메소드 |
getFullYear() |
연도를 4비트의 숫자(YYYY)로 반환 |
Date 메소드 |
var d = new Date() |
현재 날짜와 시간을 반환 |
Date 메소드 |
reverse() |
배열의 원소 순서를 거꾸로 바꿈 |
배열 메소드 |
sort() |
배열의 원소를 알파벳순으로 정렬 |
배열 메소드 |
concat() |
다수의 배열을 합침 |
배열 메소드 |
slice(startIndex, endIndex) |
배열의 startIndex부터 endIndex 전 까지의 요소를 새로운 배열 객체로 반환 |
배열 메소드 |
splice(index, 제거할 요소 개수, 배열에 추가될 요소) |
배열의 특정위치에 요소를 추가하거나 삭제 |
배열 메소드 |