본문 바로가기

개발/Javascript

 (33)
DOM Method DOM 메소드 1. DOM 관련 메소드 ㅇ 요소(element) 관련 - 요소 접근 : getElementByID(), getElementByTagName() - 요소 추가 : createElement(), ... ㅇ 속성(attribute) 관련 - 속성 추가/변경 : setAttribute() - 속성 접근 : getAttribute() ㅇ Document 관련 메소드 - 요소 찾기 : getElementById(id), getElementByTagName(tag) - 기타 : createTextNode(text), createElement(tag) ㅇ Node 관련 메소드 - appendChild(new), insertBefore(new,old), replaceChild(new,old), removeChild(n..
DOM Document Object Model 다큐먼트 객체 모델, 문서 객체 모델 1. DOM (Document Object Model) API ㅇ 웹 페이지 내의 모든 요소에 접근 가능케하는 표준 API - 웹브라우저의 제작사별,버젼별,플랫폼,언어 차이에 의존하지 않고, - 표준적인 프로퍼티(Property) 및 메소드(Method)를 통해 접근하는 기반 모델 ※ ☞ W3C DOM 관련 홈페이지 2. DOM 특징 ㅇ 웹 브라우저에 의존하지 않음 - 플랫폼, 프로그래밍 언어에 비의존적인 독립적인 인터페이스를 제공 ㅇ 웹 페이지에 동적으로 접근 및 변경 가능 - 객체, 프로퍼티, 메서드, 이벤트를 통해서 접근하고, - 스크립트(자바스크립트 등)를 사용해서, - 웹 페이지의 컨텐츠를 동적으로 변경할 수 있게 함 ㅇ 크게 다음의 3가지를 정의하고 있음 - 문서에 대한 논리적 구조, 동적 접..
핸들자바스크립트 이벤트 종류 1. 자바스크립트 이벤트 종류 ㅇ 마우스 이벤트 - click : 마우스 버튼 클릭하고 버튼에서 손을 뗌 - dblclick : 마우스 버튼을 두 번 연속 더블 클릭 함 - mousedown : 마우스 클릭의 앞 절반 (버튼을 누름) - mouseup : 마우스 클릭의 뒤 절반 (버튼을 뗌) . 드래그 앤 드롭 이벤트 : 위 두 이벤트(mousedown, mouseup)로써 구현 - mouseover : 마우스 포인터가 요소 위에 올라감 - mouseout : 마우스 포인터가 요소 밖으로 벗어남 - mousemove : 마우스 포인터가 움직임 . 마우스 커서가 해당 요소내를 움직일 때 또는 커서의 위치 확인에 유용함 - 마우스 휠 이벤트 등 ㅇ 키보드 이벤트 - keydown : 키를 누르는 순간 - k..
Exception Handling 예외처리 1. 개요 ㅇ 예외 (Exception) - 미리 정해지지 않는 시간에 발생되는 인터럽트 등 - 주로, 정상적인 처리 상태에서 벗어난 비정상 상태 (하드웨어 및 소프트웨어 상황 모두 포함) ㅇ 예외 처리 (Exception Handling) - 시스템의 신뢰도를 향상시키기 위해, 프로그래밍 언어에서 프로그램의 실행 도중 발생하는 예외상황을 처리할 수 있는 능력/기능을 말함 . 예외처리 능력 없는 언어[프로그래밍] 例) 과거 FORTRAN, PASCAL 등 . 예외처리 능력 없는 언어[프로그래밍] 例) 미국방성의 Ada, C++, Java 등 ㅇ 예외 처리기 (Exception Handler) - 예외가 탐지되었을 때 실행되는 일종의 서브프로그램
Interrupt 인터럽트 1. 인터럽트 ㅇ CPU나 프로그램에 대해 현재 작업을 잠시 중단하고 특수한 작업을 수행토록 하는 것 2. 인터럽트 종류 ㅇ 하드웨어 인터럽트 : 키 입력 또는 마우스 클릭ㆍ이동 등의 동작시 인터럽트 발생 ㅇ 소프트웨어 인터럽트 : 0으로 나누는 것 등 ☞ 트랩 - 예외처리(Exception Handling) 3. 인터럽트 발생원인 例 ㅇ 정전 혹은 데이터의 전달 과정에서 오류의 발생과 같은 컴퓨터 자체 내에서 하드웨어적 장애가 발생하는 경우 ㅇ 보호된 기억공간에 접근, 혹은 불법적인 인스트럭션의 수행 등과 같은 프로그램상의 문제가 발생하는 경우 ㅇ 의도적인 조작에 의하여 프로그램의 수행을 중단시키는 경우 ㅇ 입출력과 같은 주변 장치들의 조작에 CPU의 기능이 요구되는 경우 ㅇ 컴퓨터가 제어하는 주변 상..
Event 1. 이벤트 ㅇ 미리 정해지지 않은 시간에 발생되는 것 ㅇ [전산] - [전산 일반] . 외부환경으로부터 시스템에 전해지는 메세지 전달,예외(인터럽트,트랩),자극,정보흐름 등 처리가 필요한 사건발생 및 상태변화의 통지를 총칭 . 주로, GUI 환경에서 프로그램과 사용자와의 상호작용에 의해 발생되는 것을 지칭 - [데이터베이스] . 주로, 테이블 수정시 또는 시간 스케쥴링에 의해 활성화됨 ㅇ [확률/통계] ☞ 확률적 사건 참조 - 시간 관점이 아닌 확률실험에서 특정 조건에 만족하는 결과(Outcome,Element)들의 집합 2. [전산] 이벤트 중심(Event-Driven)의 프로그램 이란? ㅇ GUI 상호작용으로 발생한 이벤트에 따라 순서가 결정되는 그러한 프로그램 방식 ※ 콘솔형 프로그램 및 윈도우형..
자바스크립트 이벤트 1. 이벤트, 이벤트 처리과정 이란? ㅇ 이벤트 - 미리 정해지지 않은 시간에 발생되는 것 . 例) 마우스 이벤트,키보드 이벤트 등 ㅇ 이벤트 처리 과정 - 작성 : 원하는 수행 기능을 갖도록 이벤트 핸들러/이벤트 리스너라는 함수를 작성 - 등록 : 이벤트 핸들러 함수를 등록 - 지정 : 해당 요소의 이벤트 속성에 이벤트 핸들러 함수를 지정 - 호출 : 특정 이벤트 발생시 웹브라우저가 지정된 함수를 호출함 2. 이벤트 처리기(핸들러,리스너) (Event Handler/Event Listener) ㅇ 이벤트가 발생했을 때 이를 가로채서 이에 반응하도록, - 그 실행 코드에 연결되게하는 처리기 - 또는, 실제의 실행을 담당하는 코드를 말함 ㅇ 이벤트 핸들러 작성용 스크립트 언어 : 자바스크립트 - HTML으..
[번역] 자바스크립트 스코프와 클로저(JavaScript Scope and Closures) 한쪽에서만 보이는 취조실 특수 유리. 스코프의 접근 권한과 비슷한 원리다. (역자)본 글은 JavaScript Scope and Closures by Zell Liew의 번역 글입니다.스코프와 클로저는 자바스크립트에서 굉장히 중요합니다. 하지만 제가 처음 자바스크립트를 시작할 때 이 두 개념이 굉장히 헷갈렸어요. 대체 스코프와 클로저가 무엇인지, 여러분이 이해할 수 있도록 도와드리고자 이 글을 준비했습니다.그럼, 스코프부터 시작해 보도록 하죠.스코프(Scope)자바스크립트에서 스코프란 어떤 변수들에 접근할 수 있는지를 정의합니다. 스코프엔 두 가지 종류가 있는데요, 전역 스코프(global scope)와 지역 스코프(local scope)가 있죠.전역 스코프(Global Scope)변수가 함수 바깥이나 ..

티스토리툴바