web/javascript

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) 선언함수함수명을 명시하여 선언하는 함수선언..

1. 자바스크립트의 개념 1) 자바스크립드 VS 자바 2) 자바스크립트의 의미 사용자에 의해 발생된 사건(event)을 프로그래밍하기 위한 언어 웹 브라우저에 포함된 방식 및 HTML 문서와 직접 상호 작용 가능 마우스 선택과 폼에 데이타를 입력하는 등의 사용자에 의해 발생하는 사건에 대해 응답하는 프로그램을 작성하는 것 가능 웹 페이지에 대화형 기능 추가 및 역동적인 폼의 제작 CGI 프로그래밍에 의해 야기된 서버의 부담을 줄이는 것이 가능 손 쉬운 디버깅 - 인터프리터 방식 원래 넷스케이프사에서는 클라이언트 쪽에서 독립적으로 실행되는 프로그램을 작성하기 위한 스크립트 언어로 만듦 그러나, 자바가 선풍적인 인기를 끌기 시작하자,넷스케이프사는 자바를 만든 선 마이크로시스템즈사(SunMicrosystems..