본문 바로가기

자바스크립트30

7.1.1 window와 관련된 이벤트 핸들러 속성 7.1.1 window와 관련된 이벤트 핸들러 속성 window와 관련된 이벤트는 사용자가 웹브라우저 전체에 영향을 줄 때 발생하는 이벤트로 가장 일반적으로 사용되는 이벤트로는 특정 웹페이지를 브라우저를 통해 열 경우로 대표적으로 IE, Firefox 같은 웹 브라우저를 이용하여 다음(daum)이나 네이버(naver) 포탈 사이트를 열 경우 발생하는 load 이벤트와 닫을 때 발생하는 unload 이벤트를 들 수 있습니다. 주요 이벤트와 관련된 이벤트 핸들러 속성을 정리하면 다음과 같습니다. 이벤트 핸들러 속성 설명 onload 페이지 로딩(Loading)이 끝나면 발생하는 load 이벤트 처리 onunload 페이지가 닫히거나 다시 세팅될 때 발생하는 unload 이벤트 처리 onresize windo.. 2013. 8. 6.
7. 이벤트(Event)와 이벤트 핸들러(EventHandler) 7. 이벤트(Event)와 이벤트 핸들러(EventHandler) 일반 응용 프로그램에서와 마찬가지로 웹 환경에서도 이벤트와 이벤트 핸들러를 제외하고 괜찮은 프로그램을 구현한다는 것이 거의 불가능할 정도로 이벤트, 이벤트 핸들러는 중요한 부분입니다. 이벤트(Event)란 웹사이트를 방문한 사용자가 수행하는 동작을 의미하며 이벤트 핸들러는 이러한 동작이 발생할 경우 처리할 실제 내용을 의미합니다. 예를 들어 사용자가 웹 브라우저를 실행하여 다음이나 네이버 같은 웹 포탈 사이트로 이동한 후 관심있는 기사를 읽기 위해서 헤드라인을 클릭하거나 자신의 이메일을 체크하기 위해서 아이디와 패스워드를 입력한 후 확인 버튼을 누르는 동작 같은 것들이 바로 이벤트라고 볼 수 있습니다. 그리고 사용자가 기사를 읽기 위해서 .. 2013. 8. 6.
6.6 해쉬 테이블(HashTable) 6.6 해쉬 테이블(HashTable) 객체(object) 중 순서가 정해지지 않은 속성들의 집합으로 구성된 객체(object)는 속성이름과 속성값으로 구성되어 있습니다. 그리고 속성이름이 문자열(string)일 경우 보통 해당 객체는 문자열이 값(value)에 매핑되었다고 말합니다. 그리고 이렇게 문자열이 값(value)에 매핑된 형태를 해쉬(Hash) 혹은 해쉬 테이블(Hashtable) 또는 연관 배열(Associative Array)라고 부릅니다. 그래서 이러한 형태의 객체(object)를 생성하면 생성된 객체의 속성(property)이 하나의 키(key) 역할을 하게 되고 됩니다. 해쉬 테이블을 만드는 방법은 다양한데 여기서는 Object, Array를 이용한 HashTable 생성 방법과 출력.. 2013. 8. 6.
6.5 이차원 배열 6.5 이차원 배열 지금까지 알아본 배열은 일차원 배열 즉, 일렬로 늘어놓은 리스트 같은 형태였다면 이차원 배열은 행과 열로 이루어진 메트릭스(Matrix) 형태의 데이터를 표시하는데 사용하는 형태로 HTML5의 테이블(table)이나 Excel 워크시트 형태 데이터를 나타낼 때 사용합니다. 기본적으로 일차원 배열을 생성하는 형태는 크게 new 키워드를 이용하거나 배열을 나타내는 기호인 []을 이용하여 생성을 했었는데 이차원 배열도 역시 2 가지 방법으로 이차원 배열을 만들 수 있습니다. 먼저 new 키워드를 이용한 방법을 살펴봅니다. 먼저 new 키워드를 이용하여 몇 개의 행으로 이차원 배열을 생성할 지 생각한 후 배열(Array)을 생성합니다. 그 다음 생성된 배열의 한 요소에 다시 new 키워드를 .. 2013. 8. 6.