web

1.이벤트 처리 함수 작성법41_event_handle.html이벤트(Element 객체)에서 발생되는 다양한 이벤트는 자바스크립트를 이용하여 이벤트 처리 명령을 작성하여 실행동적인페이지( js ) : id 식별자 많이 사용 VS 스타일링( css ) : class 속성값 많이 사용1) 방법1. HTML + JS 같이 이용HTML 태그의 이벤트 속성의 속성값으로 이벤트 처리 명령(함수 호출)을 작성하여 이벤트가 발생될 경우 이벤트 처리 명령이 실행되도록 처리 버튼-12) 방법2. JS만 이용 : 유지보수가 더 쉬움 - 권장Element 객체(태그)에 이벤트 속성을 프로퍼티로 설정해서 이벤트 처리 함수를 등록하여 이벤트가 발생될 경우 이벤트 처리 함수가 호출되..

DOM(Document Object Model)브라우저의 출력영역(document 객체)을 기반으로 제공되는 자바스크립트 객체자바스크립트에서는 요청 웹프로그램(웹문서)의 실행결과를 응답받아 출력되는 영역을 document 객체로 표현하며 document 객체에 출력되는 태그(박스모델)는 Element 객체로 표현하여 처리  1. DHTML 작성하는 법 (동적인페이지)브라우저에서 이벤트가 발생될 경우에는??이벤트 처리 명령으로 박스모델(Element 객체)을 조작하여 동적인 페이지 제공 >> DHTML (Dynamic HTML)이벤트(Event) : 태그(박스모델)에서 발생되는 다양한 사건이벤트 처리(Event Handle) : 태그에서 발생된 이벤트에 대한 처리 명령 - 자바스크립..

BOM(Browser Object Model)BOM : 브라우저를 기반으로 제공받는 자바스크립트 내장 객체window 객체screen 객체navigator 객체location 객체document 객체1. window 객체30_window.htmlwindow 객체 : 브라우저를 객체로 표현하여 프로퍼티와 메소드 제공alert(window); //[object Window]window 객체의 메소드//1.//💛window.alert(message) : 메세지창(경고창)을 이용하여 메세지를 출력하는 메소드// => window 객체를 생략해도 메소드 호출 가능 - 함수// => 웹프로그램을 만들 때 보다는 디버깅할 때 사용// => 요즘 비권장//window.alert..

자바스크립트 표준 내장 객체자바스크립트에서 기본으로 내장된 객체스코프의 위치 따지지 않고 모든 영역에서 공통으로 사용 가능JavaScript 사전 - 생활코딩 JavaScript 사전 - 생활코딩코스소개 생활코딩 자바스크립트 사전은  자바스크립트가 기본적으로 제공하는 객체를 대분류로  각 객체에 속하는 메소드들을 열거하고 있습니다. opentutorials.org   1. Number클래스 함수25_Number.html숫자값이 저장된 객체를 생성하기 위한 클래스 함수 - 객체에 대한 프로퍼티와 메소드 제공자바의 Integer클래스 Double 클래스와 비슷1) 사용방법1. Number 객체생성 후 요소 사용Number 객체 생성//매개변수에 전달된 숫자값이 저..

1. Object클래스 함수22_Object.html언제 사용? 원하는 요소의 객체를 "딱 하나만 생성"하고 싶을 때자바스크립트에서 이미 만들어진 클래스 함수임요소가 하나도 선언되어 있지 않은 클래스 함수 - 요소가 없는 객체 생성생성된 Object 객체에 필요한 요소를 추가하여 사용1) Object클래스 함수로 "Object객체" 생성//1. 🖤 Object객체생성//💙요소가 하나도 없는 객체 생성 - Empty Objectvar student=new Object();//객체변수를 출력하면 객체를 생성한 클래스 함수명을 제공받아 출력alert(student);//[object Object] : 해석) Object클래스함수로 만든 객체 입니다.//2. 🖤 Object..

자바스크립트 = 객체지향 프로그래밍 언어자바스크립트는 객체 지향 프로그래밍 언어로 객체를 이용하여 프로그램을 작성하는 언어자바스크립트는 모든 값을 객체로 표현하여 처리 - 브라우저를 window 객체로 표현하여 사용자바스크립트의 객체(Object)란?현실 세계에 존재하는 대상을 프로그램에서 사용하기 위해 프로퍼티(Property - 표현대상의 속성)와 메소드(Method - 표현대상의 행위)로 표현인스턴스라는 용어 없음vs 자바의 객체(Object)란?자바: 반드시 클래스 먼저 만들고 -> 객체 생성자바스크립트 : 클래스 만들지 않고 -> 객체 생성 : 어떻게? 클래스 함수 이용자바스크립트의 클래스함수란?클래스 대신 함수(클래스함수 - 생성자)를 선언하고 new 연산자로 클..

object클래스 함수 1. 시간 관련 함수setTimeOut(callBack, ms)시간(ms) 경과 후 콜백함수가 한번만 호출하여 콜백함수에 작성된 명령을 실행하는 함수"몇초(ms) 뒤에 함수의 명령을 실행해주세요!" - 명령실행예약매개변수 : callBack - 이 함수를 전달하면 이 함수가 호출될 거에요~매개변수 : ms - 1000ms = 1초반환값 : timeoutId - setTimeOut 함수 호출에 대한 식별자clearTimeOut(timeoutId)timeoutId 식별자를 이용하여 setTimeOut 함수 실행을 취소하는 함수"setTimeOut 함수 실행을 취소시켜주세요!" - 예약취소스레드는 계속 돌아감setInterval(callBack, ms)..

자바스크립트의 선언문은??변수, 함수변수, 객체변수 ... 등등명령들이 실행되기 전에 선언된 변수들과 함수들은 미리 생성되어있음즉, 미리 메모리를 차지하고 있음!!!!! 1. 자바스크립트 함수의 개념07_function.html1) 메스드와 함수의 차이점메소드 : 클래스 내부의 필드값을 이용해서 기능 제공함수 : 매개변수로 값을 전달받아 그 값에 대한 가공된 결과값 주는 것2) 자바스크립트 함수(Function)의 개념매개변수로 값을 전달받아 가공 처리하여 결과를 반환하는 기능 제공함수를 선언해야만 함수를 호출하여 함수 내부에 작성된 명령을 실행하여 처리결과 반환받아 사용 가능함수는 선언 방법에 따라 선언함수와 익명함수로 구분3) 선언함수함수명을 명시하여 선언하는 함수선언..