안녕, 세상!

CSS(Cascading Style Sheets)는 문서의 모양을 정의하는 속성을 모아놓은 언어이며, html 문서의 색이나 모양 등 외관을 보완하는 역할로 문서를 픽셀 단위로 세밀하게 제어할 수 있어서 html로만 변형시키기 힘든 속성을 정의할 수 있습니다. 처음에 제공된 스타일시트는 CSS1으로 간단히 해결을 했지만 새로운 버전의 웹브라우저가 나타나면서 CSS2가 주로 사용되었습니다. HTML5가 발표된 후 CSS 기술이 한층 발전하여 CSS3 체계를 이용하고 있습니다. CSS3가 CSS2와 다른 점은 모듈 기반으로 개발된다는 점입니다. 또한 기존에 없었던 화려하고 역동적인 포토샵도 생겼으며 자바스크립트와 서버 측에 의존했던 기술들이 자체적으로 담겼습니다. (1) CSS 특징 ① 기능 확장성 HTML..

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

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

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