WeniVooks

검색

JavaScript 베이스캠프

Javascript CheatSheet

Cheat설명구분
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블록 범위 읽기 전용 상수를 선언변수
selectoption 태그에서 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, 제거할 요소 개수, 배열에 추가될 요소)배열의 특정위치에 요소를 추가하거나 삭제배열 메소드
11.4 ES Version 관련 글