.animate( properties [, duration ] [, easing ] [, complete ] )propertiesType: PlainObjectAn object of CSS properties and values that the animation will move toward.duration (default: 400)Type: Number or StringA string or number determining how long the animation will run.easing (default: swing)Type: StringA string indicating which easing function to use for the transition.completeType: Function(..

문서 객체 모델 넓은 의미로 웹 브라우저가 HTML 페이지를 인식하는 방식이고, 좁은 의미로는 document 객체와 관련된 객체의 집합이다. 요소노드란 HTML 태그를, 텍스트 노드는 요소노드 안에 있는 글자를 의미한다. 웹페이지가 처음 HTML 페이지에 적혀 있는 태그들을 읽으며 생성하는 것을 "정적으로 문서 객체를 생성한다"라고 표현한다.반면, 자바스크립트로 원래 HTML 페이지에는 없던 문서 객체를 생성하는 것을 "동저긍로 문서 객체를 생성한다"라고 표현한다. -----------------------------------------------------------------------------------------createElement(tagName)요소 노드를 생성한다 createTextN..

BOM, Browser Object Model그림1. DOM 구조 window 객체 window 객체는 브라우저 기반 자바스크립트의 최상위 객체. open(URL, name, features, replace) 새로운 window 객체를 생성합니다. screen객체 screen 객체는 웹 브라우저의 화면이 아니라 운영체제 화면의 속성을 가지는 객체. location 객체 location 객체는 브라우저의 주소 표시줄과 관련된 객체. 프로토콜의 종류, 호스트 이름, 문서 위치 등의 정보가 있음. navigator 객체 navigator 객체는 웹 페이지를 실행하고 있는 브라우저에 대한 정보를 갖고 있음. 속성으로는 브라우저의 코드명, 이름, 버전, 사용중인 운영체제의 시스템 환경, 브라우저의 전체적인 정보 ..

Array 객체 내의 반복 메서드forEach()var array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; array.forEach(function(element, index, array)){//반복} filter() -> 조건에 맞는 요소만 뽑아서 새로운 배열을 만든다.array = array.filter(function(element, index, array)){return element

생성자, 프로토타입 캡슐화캡슐화란 잘못 사용될 수 있는 객체의 부분을 사용자가 사용/수정을 못하게 막는것. function Rectangle(w, h){// width와 height가 속성이 아니라 지역변수임에 주목var width = w;var height = h; //메서드 선언this.getWidth = function(){return w;};this.getHeight = function(){return h;};this.setWidth = function(w){if(w < 0){throw '길이는 음수일 수 없습니다.';}else{width = w;}} Rectangle.prototype.getArea = function(){return this.getWidth() * this.getHeight()..

동적으로 메서드 추가그냥 객체이름.추가할속성이나메서드이름; 하면 된다.ex) 속성 제거ex)delete(student.이름);