프로그래밍/Javascript (11) 썸네일형 리스트형 10_이벤트와 이벤트 처리 10_이벤트와 이벤트 처리 이벤트 구동 프로그램이벤트를 감지하고 이벤트 발생 시 그에 대한 이벤트를 처리하는 프로그램을 말합니다.이벤트 처리기1) onclick: 클릭 이벤트 처리기 2) ondblclick: 더블클릭 이벤트 처리기 3) onfocus: 포커스를 얻을 때 이벤트 처리기 4) onblur: 포커스를 잃을 때 이벤트 처리기 5) onmousedown: 마우스 버튼을 눌렀을 때 이벤트 처리기 6) onmouseup : 마우스 버튼을 떼었을 때 이벤트 처리기 7) onmousemove : 마우스를 움직였을 때 발생하는 이벤트 8) onmouseout : 마우스를 요소(element)밖으로 움직였을 때 이벤트 처리기 9) onmouseover : 마우스를 요소(element)위로 움직였을 때 이벤.. 09_객체지향개념 09_객체지향개념객체 : 데이터와 메소드들로 구성객체의 멤버 접근 방법1) 객체의 메소드 호출 방법 :객체이름.메소드이름()2) 객체의 프로퍼티 접근 방법 : 객체이름.프로퍼티이름클래스 프로퍼티 : 해당 클래스에 속하는 모든 객체가 공유하는 값인스턴스 프로퍼티 : 객체마다 별도의 저장 공간을 가지며, 객체마다 다른 값을 저장할 수 있음실습예제예제 09-1.html배열 객체와 document 객체의 프로퍼티와 메소드를 사용하는 예제입니다. var data = [10, 20, 30]; // 자바스크립트에서 배열은 자동으로 객체가 됨 var length = data.length; // 모든 배열객체는 length 라는 인스턴스 프로퍼티가 있음 document.write(length); // 자바스크립트 인터프.. 08_함수(2) 08_함수(2)내장함수1) alert 함수 : 매개인자로 받은 데이터를 경고창에서 보여줍니다.2) document.write 함수 : 매개인자로 받은 데이터를 웹 브라우저에 출력합니다.3) confirm 함수 : 매개인자로 받은 데이터를 confirm 창에서 보여주고, 사용자가 ‘확인’ 버튼을 클릭하면 true를, ‘취소’ 버튼을 클릭하면 false를 반환합니다.4) prompt 함수 : 매개인자로 받은 데이터를 prompt 차에서 보여주고, text box에서 사용자 입력을 받습니다. 사용자가 입력한 값을 반환합니다.전역변수와 지역변수1) 전역 변수는 모든 함수에서 공유하는 변수입니다.2) 지역 변수는 함수 내에서 선언된 변수로 함수 안에서만 사용할 수 있습니다.실습예제예제 08-1.htmlconfir.. 07_함수(1) 07_함수(1)함수 정의1)var 함수이름 = function() { //코드 } 2)function 함수이름() { //코드 } 매개인자 함수 정의함수이름() 괄호 안에 매개 인자 개수만큼 매개 변수를 씁니다.function 함수이름(매개변수1, 매개변수2) { //코드 } 반환 값이 있는 함수 정의function 함수이름(매개변수1, 매개변수2) { //코드 return 반환값; } 함수 호출1) 무인자 함수 호출함수이름(); 2) 매개인자가 있는 함수 호출함수이름(매개인자1, 매개인자2); 3) 매개인자와 반환 값이 있는 함수 호출var result = 함수이름(매개인자1, 매개인자2);실습예제예제 07-1.html매개인자로 배열을 받아 배열의 원소를 모두 출력해주는 함수 예제입니다. functio.. 06_배열 06_배열배열이 필요한 경우많은 양의 데이터를 하나의 변수에 저장하여 비슷한 방법으로 처리할 경우 배열을 사용.1차원 배열1) 배열 변수 선언① 배열 크기를 결정하는 배열 변수 선언예) var myArray = new Array(10); //원하는 크기의 숫자를 괄호 안에 넣음② 배열 크기를 동적으로 변하게 하는 배열 변수 선언예) var myArray = new Array(); 2) 배열 변수 선언과 함께 초기화예) var myArray = [ “값1”, “값2“, “값3“, “값4“, “값5“ ] ;// 값은 문자열인 경우 큰 따옴표(“”)를 사용하고,// 숫자(number)나 불린(Boolean)경우는 아래와 같이 그대로 사용함예) var myArray = [ 0,1,2,ture ] ; 3) 배열의.. 05_반복 05_반복반복 문장에 들어가면서1) 반복 문장의 필요성 : 같은 작업을 여러 번 반복해야 하는 경우에 반복을 표현하는 문장으로 간편하게 프로그래밍할 수 있음.2) 반복 문장의 종류 : for문, while문for문for( 초기식 ; true/false 판별식 ; 증감식 ) { //반복해야 하는 문장들 } while문1) while문while(true/false 판별식) { //반복해야 하는 문장들 } 2) do while문do { //반복해야 하는 문장들 } while(true/false 판별식) break/ continue문1) break : 반복문을 탈출하는 역할2) continue문 : 현재 반복문을 중지하고 새로운 반복 문을 시작하는 역할실습예제예제 05-1.htmlfor문장과 if문장을 이용하여.. 04_의사결정 04_의사결정의사결정 문장에 들어가면서1) 의사결정 문장의 필요성 : 자바스크립트를 실행할 때 결정되는 조건이나 상황에 따라 어떤 작업을 해야 하는 지 프로그래밍을 해둘 필요가 있음.2) 의사결정 문장의 종류 : if문, switch문if문1)if( true/false 판별식) { // 판별식이 true를 돌려주는 경우 if(){ } 안의 내용이 // 모두 실행 }else{ // 판별식이 false를 돌려주는 경우 else{ } 안의 내용이 // 모두 실행 } 2)if( true/false 판별식) { // 첫 번째 판별식이 true를 돌려주는 경우 if(){ } 안의 내용이 // 모두 실행 }else if( true/false 판별식) { // 첫 번째 판별식이 false를 돌려주고 // else if.. 03_연산자 03_연산자연산자에 들어가면서1) 단항 연산자 : 양수 연산자(-), 음수 연산자(+) 등 피 연산자가 한 개인 연산자2) 이항 연산자 : 더하기(+), 빼기(-), 곱하기(*), 나누기(/) 등 피 연산자가 두 개인 연산자3) 삼항 연산자 : (조건: ? ) 등 피 연산자가 세 개인 연산자산술 연산자1) 더하기(+) 연산자피 연사자가 숫자 또는 불린 경우 더하기 연산 / 피 연산자 중 하나라도 문자열이면 문자열 이어 붙이기 연산2) 빼기(-) 연산자3) 곱하기(*) 연산자4) 나누기(/) 연산자5) 나머지(%) 연산자6) 단항 마이너스 연산자7) 단 항 플러스 연산자8) 증가(++) 연산자 : 전치 증가, 후치 증가 연산자9) 감소(--) 연산자 : 전치 감소, 후치 감소 연산자관계 연산자1) 동등(=.. 이전 1 2 다음