윤제니

이벤트 웹페이지에서 마우스를 클릭했을 때, 키를 입력했을 때, 특정요소에 포커스가 이동되었을 때 어떤 사건을 발생시키는 것 이벤트의 종류 1) 마우스 이벤트 이벤트 설명 click 요소에 마우스를 클릭했을 때 이벤트가 발생 dbclick 요소에 마우스를 더블클릭했을 때 이벤트가 발생 mouseover 요소에 마우스를 오버했을 때 이벤트가 발생 mouseout 요소에 마우스를 아웃했을 때 이벤트가 발생 mousedown 요소에 마우스를 눌렀을 때 이벤트가 발생 mouseup 요소에 마우스를 떼었을 때 이벤트가 발생 mousemove 요소에 마우스를 움직였을 때 이벤트가 발생 contextmenu context menu(마우스 오른쪽 버튼을 눌렀을 때 나오는 메뉴)가 나오기 전에 이벤트 발생 2) 키 이벤트..

생성자 함수(constructor) '생성자함수'를 통해 생성된 객체 => '인스턴스' '생성자함수'를 이용하여 객체를 복사('인스턴스')하여 사용하는 방법 프로토타입을 만들 때 사용하는 함수 (new로 객체가 생성될 때 호출되는 함수이기 때문) 1) 형식과 인스턴스 생성법 객체의 '인스턴스'는 new 연산자와 '생성자함수'를 통하여 생성 가능 '생성자함수' : 일반적인 함수의 형식과 동일하지만 사용 용도가 다르므로 일반 함수와 차이를 두기 위해 함수명이나 변수명의 첫글자는 대문자로 사용 선언적함수 형식으로 정의하는 방법 익명함수 형식으로 정의하는 방법 function Circle(c, d) { this.color = c; this.diameter = d; this.radius = function (n)..

객체(Object) 예) 프로그램에서 필요할 때마다 원(circle)을 만들어 사용 => 원(circle)을 '객체(Object)' 원(circle)을 구성하는 요소로는 색상과 지름이 필요 => 객체의 구성 요소 '속성(Property)' 원(circle)의 반지름을 구하는 기능 필요 => '기능'은 함수를 의미 , 객체의 함수를 '메서드'라 부름 객체와 메서드 1) new연산자와 함수를 통한 객체의 정의 'var 객체 = new Object( )'에서 객체는 변수를 의미 '익명함수'에서 변수에 함수가 저장되면 그 변수는 함수가 되는 것 처럼 변수에 new Object( )가 저장되면 그 변수는 객체가 된다. var 객체 = new Object(); 객체.속성 = 속성값; 객체.메서드 = function..

재귀함수 : 함수 내에서 자신의 함수를 다시 호출하는 함수 arguments 객체에 callee 속성이 존재 => 현재 실행 중인 함수를 의미하여 재귀함수를 만드는데 사용 가능 => callee 속성을 이용해보자 (결과는 위와 동일) arguments.callee( )는 현재 실행중인 fac( n ) 함수를 의미 내장함수 [ 함수 ] 사용자 정의 함수 : 사용자가 필요에 따라 만들 수 있는 함수 내장 함수 : 자바스크립트에 기본적으로 내장되어 있는 함수들 1) 인코딩 함수와 디코딩 함수 인코딩과 디코딩이 필요한 이유 : 웹에서 데이터값을 문자 방식으로 서로 주고받아(쿼리 정보) 처리해야 할 경우 데이터값에 한글과 같은 유니코드 문자가 포함되어 인식하지 못할 수 있기 때문 예) '자바스크립트' 문자를 인코..

매개 변수가 있는 함수의 형식 : 함수에 변수값이 전달되어 처리해야 하는 경우가 있는데, 이렇게 함수에 전달되는 변수 '매개변수'라 한다. 함수의 매개변수 값으로는 함수, 객체, 배열로 전달할 수 있다. function 함수명(매개변수1, 매개변수2,...) { 실행문; } 함수명(매개변수1 값, 매개변수2 값,...); var 변수명 = function(매개변수1, 매개변수2,...) { 실행문; } 변수명(매개변수1 값, 매개변수2 값,...); 예) 만약 name( )함수에서 "Jenny" 대신 다른 이름값들을 출력하고 싶다면 어떻게 해야할까? "Jenny" 내용이 바뀔 때마다 함수를 수정해야 한다면 무척 번거로운 일이 될 것이다. 이런 경우에 매개변수를 이용하면 아주 유용하다. 위의 '선언적함수'..

함수(Function) : 프로그램의 특정 부분을 처리하기 위한 목적 실행문들을 집합 형태로 만들어야 할 때 실행문들을 하나의 집합 형태로 만드는 것 하나의 기능이 되어 반복적으로 호출해서 사용 가능 선언적함수 익명함수 선언적함수 : 함수를 호출할 때 함수의 앞 또는 뒤에서 호출 가능 function 함수명( ) { 실행문; } 함수명( ); ★ 변수에 함수가 저장되면 그 변수는 함수가 된다. ★ 예) 선언적 함수를 변수에 저장하여 함수로 만들어 보자 설명) view변수를 만들고 변수값으로 show( )함수를 저장. but, ' var view=show( ) ' 형태로 저장 NO!!!! view 변수는 함수이기 때문에 view( )로 호출 가능 view( ) 함수를 호출하는 것 = show( ) 함수를 ..