Development/JavaScript, jQuery, ...(535)
-
인터넷 익스플로러 이벤트 모델, 표준 이벤트 모델
인터넷 익스플로러 이벤트 모델· ≒표준 이벤트 모델· 한 번에 하나의 이벤트 리스너만을 가질 수 있는 DOM Level 0이벤트 모델들의 단점을 보완하기 위해 만들어진 DOM Level 2 이벤트 모델입니다.· 국내에서는 인터넷 익스플로러 이벤트 모델을 많이 사용합니다.· IE8이전 버전에서 동작합니다. 이벤트 연결 및 제거 메소드· 표준 이벤트 모델가 비슷하지만 이벤트 연결및 제거에 사용되는 메소드가 다릅니다.· 두 가지 메소드는 이벤트를 연결하거나 제거할 수 있는 방법으로 첫 번째 매개변수에 이벤트 속성을 넣어줍니다.
-
인라인 이벤트 모델, 기본 이벤트 모델
인라인 이벤트 모델· ≒ 기본 이벤트 모델· HTML 태그의 이벤트 속성에 이벤트 핸들러(실행 함수)를 직접 입력하는 형태입니다.· HTML 페이지의 가장 기본적인 이벤트 연결 방법으로 한 번에 하나의 이벤트 리스너만을 가질 수 있습니다. div태그에 onclick속성 추가 window.onload = function(){ var header = document.getElementById('header'); function whenClick(){ alert('CLICK'); } header.onclick = whenClick; //이벤트 연결 }; 클릭
-
객체 리터럴 방식으로 객체 생성하기
객체 리터럴 방식으로 객체 생성하기 · 객체는 키와 값으로 이루어졌으며(key와 value의 쌍), · 중괄호({ })로 객체를 생성하고, 중괄호안에서 "프로퍼티이름":"프로퍼티값" 형태(key:value)로 속성을 지정합니다. · 객체의 속성 값에 접근할 때는 키로 접근합니다. · 중괄호 안에 아무것도 적지 않으면, 빈 객체가 생성됩니다. · 만약 객체의 키로 식별자가 아닌 문자를 사용했을 때는 무조건 대괄호를 사용하여 접근합니다. 객체 생성 형식 · 중괄호({ })로 객체를 생성합니다. · 큰따옴표 혹은 작은따옴표로 감싼 속성이름과 속성값을 콜론(:)으로 연결한 쌍으로 표기합니다.(key:value) · 다른 프로퍼티는 쉼표(,)를 이용하여 구분합니다. · 객체 리터럴 구문이라고도 부르며 간결하고 편..
-
switch 문
switch 문 · 여러 개의 조건에 따라 여러 개의 실행 문을 실행해야 할 경우 사용 · switch문 뒤의 괄호( )안의 값과 일치하는 값을 가지는 case 안의 문장을 실행합니다 · case조건에 문자열 비교 가능 switch~case문 (상세) https://codedragon.tistory.com/1761
-
노드 간 관계의 종류
노드 간 관계의 종류노드 트리의 모든 노드는 트리(tree) 형태의 서로 계층적 관계를 맺고 있습니다.트리의 모든 요소는 자신만의 텍스트나 속성을 가질 수 있습니다.
-
콜백함수(callback function) - 대표적인 콜백 함수 사용 예, 자바스크립트의 이벤트 처리와 콜백함수 호출 도식도
콜백함수(callback function) · 콜백함수도 객체 자료형 중 하나이기 때문에 매개 변수로 사용하는 것이 가능합니다.(값으로 함수 사용) · 함수를 매개변수로 전달하는 함수가 콜백 함수입니다. · 매개변수로 함수를 전달하고 전달된 매개변수가 특정시점에 호출됩니다. · 익명함수의 대표적인 응용형태가 콜백함수이며 코드를 통해 명시적으로 호출하는 함수가 아닙니다. · 개발자는 단지 함수 정의만 하고, 어떤 이벤트가 발생하거나 특정 시점에 도달했을 때 시스템에서 호출해주는 함수가 콜백함수입니다.