본문 바로가기
1.5 DOM 요소의 래퍼 집합 필터링하기 1.5 DOM 요소의 래퍼 집합 필터링하기 문제점 - jQuery 래퍼 집합 안에 선택한 DOM 요소들이 들어 있다. - 새로운 표현식을 지정하여 표현식과 일치하지 않는 DOM요소들을 그 집합에서 제거해결방법 - filter 메서드는 지정된 표현식과 일치하지 않는 요소를 제외하는 역할을 한다. - filter() 메서드는 현재의 요소 집합을 필터링 할 수 있게 한다. - find 메서드는 현재의 래퍼 집합의 자식 요소들을 대상으로 하여 새로운 요소를 찾음 linklinklinklinklinklinklinklinklinklink - filter 메서드를 사용하여 class 어트리뷰트 값이 external로 설정되어 있지 않은 모든 요소를 원본 집합에서 제거 논의alert(jQuery('a').filter(..
1.4 특정 컨텍스트 안에서 DOM 요소 선택하기 문제점 - document나 다른 DOM요소의 컨텍스트 안에 있는 단일 DOM 요소나 DOM요소 집합에 대한 참조를 필요해결방법 - CSS 표현식을 갖는 jQuery 함수는 두 번째 매개변수를 가질 수도 있다. - 이러한 두 번째 매개변수는 DOM 참조이거나 jQuery 래퍼 또는 document일 수도있다.
1.2 Dom은 로드되었지만 페이자가 로드되기 전에 jQuery/자바스크립트 실행하기 1.2 Dom은 로드되었지만 페이자가 로드되기 전에 jQuery/자바스크립트 실행하기 1.2 Dom은 로드되었지만 페이자가 로드되기 전에 jQuery/자바스크립트 실행하기문제점 - 최근 javascript App 들은 일반적으로 DOM이 완전히 로드 된 후에 수행한다. - window.onload 이벤트를 사용한다면 모든 자원들을 포함하여 전체 문서가 완전히 로드되기 전까지는 onload가 발생하지 않는다. - 대부분 웹 방문자로 하여금 지나치게 많은 시간을 기다리게 만든다. 해결방법 - jQuery는 DOM의 document 개체에 바인드 되는 사용자 정의 이벤트 처리기인 ready() 메서드를 제공 - DOM이 완전히 로드 되진 않았지만 DOM이 준비된 경우 The DOM is ready! 논의 - ..
Chapter 5. 메뉴, 탭, 툴팁, 패널 5장 에서는 정적인 페이지에서 벗어나 리치 인터넷 애플리케이션 에 필요한 여러 부가 기능을 살펴 본다.내용은 드롭다운 메뉴, 탭, 슬라이딩 패널, 툴팁, 아코디언을 이용해 사용자가 쉽게 접근할 수 있도록 한다. 메뉴확장하고 접을수 있는 메뉴 특정한 주제에 대한 사이트는 일반적으로 다단계 메뉴로 구성된다. 다단계 메뉴는 유사한 분류로 나뉘어 있으며 이러한 방법을 사용하면 사용자는 손쉽게 관련 정보를 찾을 수 있으며 상대적으로 작은 영역에 많은 양의 정보를 넣을 수 있다. index.html(일부) What's new? Weekly specials Last night's pics! Users' comments Member extras Premium Celebrities 24-hour Surveillance ..
7. 효과 소개 - 탄탄한 저 수준의 애니메이션 메서드와 여러가지 미리 정의된 효과를 가지고 있음. Animate 메서드 - 원하는 사용자 정의 효과를 구동하도록 애니메이션을 완벽하게 제어할 수 있다. 1. css 속성 제어 2. scrollTop과 scrollLeft DOM 속성을 제어 3. css의 pixe, em inch, 퍼센티지 등 사용 가능 4. 요소 현재 상태에 대해 상대 또는 고정 값으로 효과의 종점 지정 5. toggle 값으로 상태전환 6. 에니메이션에 이징(easing) 메서드를 지정 할 수 있음 7. 애니메이션 모든 지점에서 콜백을 설정 8. 애니메이션을 큐에 넣거나 동시에 실행을 하도록 지정 할 수 있음. 팁 - 애니메이션 속성은 반드시 카멜 표기법을 사용해야된다 예를 들어 margin-le..
6장 영역 (Dimensions) 소개 - 페이지 상에서 요소의 위치와 영역을 조작하는 방법을 알아 보는 챕터 6.1 Window와 Document의 영역 알아내기 문제점 - 윈도우의 문서의 너비와 높이를 픽셀 값으로 얻기를 원함. 해결방법 - jQuery의 width와 height 메소드로 접근 함. jQuery(document).ready(function() { alert('Window height: ' + jQuery(window).height()); //화면상에 표시되는 영역의 높이를 반환 alert('Window width: ' + jQuery(window).width()); // 화면상에 표시되는 영역의 너비를 반환 alert('Document height: ' + jQuery(document).height()); //docu..
인덱스와 뷰 CREATE [UNIQUE] INDEX ["HR"]."EMP_EMAIL_UK" ON ["HR"]."EMPLOYEES" ("EMAIL"); CREATE INDEX ["HR"]."EMP_DEPARTMENT_IX" ON ["HR"]."EMPLOYEES" ("DEPARTMENT_ID"); CREATE INDEX ["HR"]."EMP_NAME_IX" ON ["HR"]."EMPLOYEES" ("LAST_NAME",["FIRST_NAME"]); 자. 이것이 인덱스를 생성하는 구문이다. 보면 [] 에 들어가는 것들은 제외를 할수 있다. 제외가 되는 구문은 UNIQUE와 스키마명, 다중컬럼을 생성하는 구문이 될 수 있겠다. 1번과 2번은 단일 인덱스(Single Index) 를 생성하는 구문이고 3번은 복합 인덱스(co..
컬럼 속성(무결성 제약조건) 자. 무결성 제약 조건이란 무었인가를 가지고 한번 이야기 해보자. 영어로는 Integrity Constraints이다. 즉 한마디로 정의 하자면 데이터가 정확하게 들어가야 되는데 이것을 데이터 베이스에서 정확하게 데이터가 인입될수 있도록 제공 하는 기능이다. NULL - NULL은 컬럼의 속성 중 하나로 해당 컬럼이 NULL 값을 허용하는지 허용하지 않는지를 정해 줄 수 있 다. NULL 과 (' ')이 다른점은 NULL 은 NULL 값이고 공백은 SPACE 이다. UNIQUE - 테이블에 있는 데이터를 유일하게 식별하기 위한 무결성 제약 조건중 하나. CREATE TABLE unique_test ( uni_col1 VARCHAR(10) UNIQUE NOT NULL, uni_col2 VARCHAR(10)..

티스토리툴바