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