본문 바로가기

JavaScript29

7.1.3 키보드(Keyboard)와 관련된 이벤트 핸들러 속성 7.1.3 키보드(Keyboard)와 관련된 이벤트 핸들러 속성 웹환경에서 요사이 스마트폰이 대두되면서 새롭게 조명되고 있는 터치스크린을 통한 입력을 제외하고 마우스와 더불어 입력장치로 주로 사용하는 키보드와 관련된 이벤트와 해당 이벤트가 발생하면 처리해주는 이벤트 핸들러 속성을 정리하면 다음과 같습니다. 이벤트 핸들러 속성 설명 onkeydown 키보드의 자판키가 눌려졌을 때 발생하는 keydown 이벤트 처리 onkeypress 키보드의 자판키가 눌려지고 올라올 때 발생하는 keypress 이벤트 처리 onkeyup 눌려진 자판키가 올라올 때 발생하는 keyup 이벤트 처리 그래서 이벤트의 발생 순서는 keydown -> keypress -> keyup 의 순으로 발생하며 상황에 따라 keydown,.. 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.