http://api.jquery.com/category/events/event-object/ event 사용쟈가 버튼을 클릭하는 것처럼 페이지에서 어떤 일이 일어날때 코드가 실행될 수 있도록 만드는 메커니즘 event listener Document Object Model(DOM)의 한부분 event listener 는 페이지에서 사람이 하는 일에 주의를 기울여는 브라우저의 방식으로 필요에따라 무엇을 할지 JavaScript interpreter에게 전달한다. cf. handler function : 이벤트가 트리거될 때 실행되는 코드의 블럭 event binding 엘리먼트에 이벤트를 추가할 때 "binding"이라 부른다. 이것을 통해 이벤트 리스터는 자바스크립트 인터프리터에 어떤 함수가 호출되지 말..
Wire up your web page Structure = HTML Stype = CSS Script = jQuery(and JavaScript) 저장공간 만들기 jQuery에서 변수를 사용하길 원한다면 JavaScript의 변수를 사용한다. 사용 예 var pts = 250 ; var 변수를 선언하는 키워드 JavaScript interpreter가 데이타를 저장할 수 있는 브라우저의 메모리 영역에 공간을 만든다. pts 변수의 이름 스크립트가 참조 할 수 있는 레퍼런스가 된다. =250 변수에 값을 담는다. $(this) 사용하기 "현재" 앨리먼트를 선택한다. $(this) 는 context-dependent 이다. 즉 사용하는 시점이나 장소에 따라 의미가 달라진다.
문제 인식 페이지를 변경하려면 매번 서버에 요청해야 하나? HTML과 CSS는 페이지의 구조와 스타일을 만드는 데 충분한다. 브라우저가 서버에 웹 페이지 요청 웹 서버가 요청된 페이지를 찾아서 보내줌 브라우저는 받아온 페이지를 렝더링하여 화면에 보여줌 때때로 리로딩 없이 페이지를 변경하기 위해 웹브라우저와 대화하려면 어떻해야 하나? jQuery function 소개 jQuery() 는 $()로 단축하여 사용한다. $()에 들어가는 내용 CSS Selector : CSS selector를 넣으면 매칭되는 엘리먼트를 리턴한다. 제일 많이 사용하는 경우이다. HTML : HTML을 넣어서 동적으로 브라우저 페이지에 DOM 엘리먼트들을 추가할 수 있다. JavaScript Object CSS selector 와..
드디어 책이 도착했다~~~.^^ 비록 원서이긴 하나 이 책의 가장 큰 특징!! 그림이 많다!! 11개의 챕터로 구성되는데 매일 매일 열심히 탐독해서 완독. 고고고!! 준비물 텍스트 에디터 브라우저 : 3개 이상을 설치하여 비교해 본다. 웹 서버 JQuery library Google Chrome Developer Tools 브라우저 개발 툴 미리 사용법을 숙지한다. 링크 : Google Chrome Developer Tools The Developer Tools are heavily based on the WebKit Web Inspector, a part of the open source WebKit project. jQuery 다운로드 http://jquery.com/ 예제 소스 설치 Head Fir..