EverGiver

객체란? 자바스크립트에서 객체는 프로그램에서 인식할 수 있는 모든 대상을 가리킨다. 자바스크립트에서 사용하는 객체 - 문서 객체 모델(DOM) : 웹 문서 자체도 객체이고 그 안에 삽입되어 있는 이미지와 링크, 텍스트 필드 등도 모두 객체이다. 일반적으로 웹 문서에 삽입하는 요소는 document, image, link 객체 등이 있다. - 브라우저 관련 객체 : 웹 브라우저에서 사용하는 정보도 객체로 나타낼 수 있다. 사용하는 브라우저 정보를 담고 있는 navigator 객체를 비롯해 history, location, screen 객체 등이 있다. - 내장 객체 : 웹 프로그래밍을 할 때 자주 사용하는 요소는 자바스크립트 안에 미리 객체로 정의되어 있는데, 이를 내장 객체라고 한다. 객체의 인스턴스 만..

이벤트 이벤트는 웹 브라우저나 사용자가 행하는 어떤 동작을 말한다. 마우스 이벤트 - 마우스를 이용해서 버튼이나 휠 버튼을 조작할 때 발생한다. 종류 설명 click 사용자가 HTML 요소를 클릭할 때 이벤트가 발생한다. dbclick 사용자가 HTML 요소를 더블클릭할 때 이벤트가 발생한다. mousedown 사용자가 요소 위에서 마우스 버튼을 눌렀을 때 이벤트가 발생한다. mousemove 사용자가 요소 위에서 마우스 포인터를 움직일 때 이벤트가 발생한다. mouseover 마우스 포인터가 요소 위로 옮겨질 때 이벤트가 발생한다. mouseout 마우스 포인터가 요소를 벗어날 때 이벤트가 발생한다. mouseup 사용자가 요소 위에 놓인 마우스 버튼에서 손을 뗄 때 이벤트가 발생한다. 키보드 이벤트 ..

익명 함수 이름이 없는 함수를 말한다. 즉, 익명 함수를 선언할 때는 이름을 붙이지 않는다. function(a,b) { return a + b; } 익명 함수는 함수 자체가 식이므로 함수를 변수에 할당할 수 있으며, 또한 다른 함수의 매개변수로 사용할 수도 있다. ​ 즉시 실행 함수 한 번만 실행하는 함수라면 함수를 정의하면서 동시에 실행하는 함수를 의미한다. 즉시 실행 함수를 실행하는 순간에 자바스크립트 해석기에서 함수를 해석한다. 함수를 식 형태를 선언하므로 마지막에 세미콜론(;)을 붙인다. (function(){ 명령 }()); (function(매개변수){ 명령 }(인수));​ 화살표 함수 ES6 버전부터는 => 표기법(화살표 표기법)을 사용해 함수 선언을 좀 더 간단하게 작성할 수 있다. 익명..

매개변수, 인수, return 매개변수 - 함수를 선언할 때부터 외부에서 값을 받아 줄 변수 - 함수를 호출할 때 괄호 안에 매개변수의 이름을 넣는다. - 매개변수에 이름을 붙이는 방법은 일반적인 변수 이름을 붙이는 것과 같다. - 매개변수는 선언된 함수 안에서만 사용되며, 매개변수를 여러 개 사용할 때는 매개변수 이름 사이에 쉼표(,)를 나열한다. - 매개변수는 다른 변수와 겹치지 않는 이름을 사용하면 된다. 인수 - 매개변수가 있는 함수를 호출할 때 실제 값 부분 return - 결괏값을 함수 밖에서 사용하려면 함수를 실행한 위치를 돌려줘야 하는데 이런 동작을 값을 반환한다(return)고 한다. - 함수의 결괏값을 반환할 때는 예약어 return을 사용해서 다음에 넘겨줄 값을 지정해 주면 된다. ​..

여러 동작을 묶은 덩어리, 함수 함수(function) - 동작해야 할 목적대로 묶은 명령이다. - 함수를 사용하면 각 명령의 시작과 끝을 명확하게 구별할 수 있고, 묶은 기능에 이름을 붙여서 어디서든 같은 이름으로 명령을 실행할 수 있다. 함수 선언 및 호출 함수를 사용하는 가장 기본적인 방법은 함수를 만들 때 이름을 붙이고 필요할 때마다 함수 이름을 사용해 실행하는 것이다. 함수 선언 / 함수 정의 - 어떤 명령을 처리할지 미리 알려 주는 것 함수마다 서로 다른 이름을 붙여 나중에 사용할 때 알아보기 쉽도록 한다. 함수를 선언할 때는 예약어 function을 사용하고, 중괄호({ }) 안에 실행할 여러 명령을 넣는다. function 함수명(){ 명령 }​ 함수 호출 / 함수 실행 - 함수를 선언한 ..

Array 객체 Array 객체는 자바스크립트의 여러 가지 내장 객체 중에서 배열을 다룬다. (배열이란 하나의 변수에 값을 여러 개 저장할 때 사용한다.) Array 객체로 배열 만들기 - 초기값이 없는 상태에서 단순히 객체의 인스턴스만 만든다면 new 예약어를 사용해 변수에 할당하면 된다. - 초깃값이 없는 경우 var numbers = new Array();// 배열의 크기를 지정하지 않음 var numbers = new Array(4);// 배열의 크기를 지정함​ - 초깃값이 있는 경우 var numbers = ['one','two','three','four'];// 배열 선언 var numbers = Array('one','two','three','four');// Array 객체를 사용한 배열 ..