안녕, 세상!

입력 양식 객체는 Document 객체 중의 하나이며 사용자로부터 입력받은 데이터를 처리할 수 있는 객체로 입력받은 데이터에 대해 확인, 취소, 전송 등의 기능을 수행합니다. 입력 양식 객체는 클라이언트 측의 사용자가 자바스크립트 프로그램에 입력 자료를 전달하게 함으로써 웹페이지의 행동을 동적으로 변경할 수 있도록 지원하며, 이를 통해 서버 의존도를 최소화할 수 있기 때문에 서버의 부담을 줄여줄 수 있습니다. 입력 양식 객체의 종류는 다음과 같습니다. 객체 설명 form 객체 태그가 HTML 문서에 삽입되어 있을 때 생성되는 객체 text 객체 가 HTML 문서에 삽입되어 있을 때 생성되는 객체 password 객체 가 HTML 문서에 있을 때 생성되는 객체 file upload 객체 가 HTML 문서에..

웹 프로그램에서 사용할 수 있는 객체는 자바스크립트 자체에서 지원하는 내장 객체와 웹브라우저에서 사용하는 클라이언트 측 객체로 구분할 수 있습니다. 앞의 4장에서 자바스크립트 자체에서 지원하는 내장 객체를 보았다면, 이번에는 웹브라우저에서 사용하는 클라이언트 객체를 보겠습니다. 웹브라우저 내장객체는 웹브라우저 자체의 이름이나 버전 정보 또는 브라우저 상에 표시되는 웹페이지의 문서나 폼(form)과 같은 정보들을 자바스크립트 프로그램에서 제어할 수 있도록 제공되는 자바스크립트 내장 객체입니다. 자바스크립트는 클라이언트 측 객체인 HTML 문서가 브라우저에 로드되면 HTML 문서의 다양한 태그 등 관련 정에 기초하여 동적으로 제어할 수 있도록 객체를 생성합니다. (1) 클라이언트 측 객체 구조 클라이언트 측..

(1) 이벤트와 이벤트 핸들러 이벤트는 웹 문서에서 사용자가 어떠한 행동을 취했을 경우 발생하는 사건 또는 행위를 의미합니다. 이벤트 핸들러는 이와 같은 이벤트를 처리하는 자바스크립트 코드를 말합니다. 이벤트는 이벤트 핸들러에 의해서 수행되며 이벤트 핸들러란 이벤트 발생에 의해서 실행되는 메소드 혹은 이벤트 함수를 말합니다. 자바스크립트에서 웹브라우저의 내장객체들은 계층구조를 이루고 있으며, 이벤트가 발생하면 해당 이벤트 핸들러에 의해서 이벤트를 전달할 때 계층구조를 따라 전달되는 경로로 해당되는 이벤트 핸들러에게 전달됩니다. window 객체 -> document 객체 -> form 객체 -> input 객체 (상위 객체) (하위 객체) (2) 이벤트의 종류 이벤트를 처리하는 방법은 스크립트를 이용하는..

객체는 특정 데이터와 관련된 함수들을 가지는 프로그램 모듈이라고 정의할 수 있으며 실세계 영역에서 정보, 물건, 사물, 개체, 개념 등을 표현할 수 있습니다. 객체는 속성(Attribute)과 행위(Behavior)로 구분됩니다. 즉, 변수(Variable)와 메소드(Method)로 이뤄져 있습니다. 객체지향 프로그래밍에서 모든 객체는 추상화됩니다. 추상화란 객체가 자신의 정보를 내부에 감추고 있으면서 구체적인 것이 아닌 추상적인 내용만 외부에 알려주는 것을 의미합니다. 자바스크립트 언어는 객체지향적 언어이기는 하지만 추상화, 상속성, 다형성 등의 특성을 지원하지 않습니다. 그러므로 자바스크립트에서 객체를 정의할 때 클래스나 구조체를 사용하지 않고 함수를 만들고 전달할 매개변수를 선언 후 this를 사용..