• jQuery API 레퍼런스 가이드

  • 칼 스웨드버그, 조나단 채퍼 지음
  • 김정운 옮김

  • 오픈소스 & 웹 시리즈 _ 034
  • ISBN: 9788992939683
  • 25,000원 | 2011년 08월 19일 발행 | 448쪽



현재 가장 널리 쓰이고 있는 자바스크립트 라이브러리인 jQuery 의 레퍼런스 가이드다. jQuery 라이브러리의 모든 기능을 기능별로 분류해서 간단한 예제와 함께 하나씩 소개하여 jQuery를 이용하여 다양한 웹 애플리케이션을 개발할 때 빠르고 쉽게 개발 할 수 있도록 돕는다.

HTML과 CSS에 대한 기본 지식이 있는 개발자와 이미 자바스크립트에 익숙한 개발자가 jQuery를 상세하게 파악하여 좀더 높은 수준의 웹 애플리케이션을 개발 하거나, 개발 도중 jQuery의 기능을 빠르게 확인하고자 할 때 매우 유용하게 도움 받을 수 있다.

jQuery를 페이지에 삽입하는 방법에서부터, jQuery 1.4 버전부터 1.6 버전까지 jQuery의 버전별로 다르게 사용하는 사용법과 새로 추가된 기능들에 대해서도 자세히 설명한다.

jQuery는 동적이고 인터랙티브한 웹사이트를 구축할 때 개발자의 시간과 노력을 줄여준다. 그러자면 먼저 jQuery 기능을 파악하는 것이 무엇보다 중요하다. 지금 세계에서 가장 인기 있는 자바스크립트 라이브러리인 jQuery에 대한 포괄적인 내용을 담고 있는 레퍼런스를 찾고 있다면 이 책이 해결책이 될 것이다.

이 책에서는 jQuery 1.4 버전부터 계속해서 추가된 기능과 수정된 정보를 포함해서 jQuery 1.6 버전까지의 메서드와 함수, 셀렉터 표현식을 기능별로 묶어 설명한다. 아울러 각 메서드와 함수에 대해 문법, 매개변수, 반환값을 간략하게 소개하고, 이어서 응용 가능한 상세한 예제와 사용법을 제시한다.

또한 jQuery의 사용법을 하나하나 짚어 가면서 자바스크립트와 다른 클라이언트 측 언어와의 혼동을 피할 수 있게 돕는다.

★ 대상 독자

jQuery 라이브러리의 모든 기능을 분류별로 살펴보고자 하거나 어떤 한 기능을 빠르게 찾은 후 그 기능만을 집중적으로 살펴볼 때 이 책이 많이 도움될 것이다. 이 책을 쉽게 읽고 이해하려면 HTML과 CSS에 대한 기본적인 지식과 함께 자바스크립트 코드를 무난하게 읽을 수 있어야 한다. jQuery에 대한 사전 지식은 그다지 중요하지 않다.

★ 이 책의 내용

  • jQuery 라이브러리의 기능 확인
  • 함수, 메서드, 셀렉터 표현식과 관련한 기초적인 jQuery 학습
  • jQuery 스크립트의 분석과 이해
  • HTML 문서 내의 엘리먼트에 접근하기
  • 사용자 이벤트 핸들러를 이용한 사용자 상호작용 구현
  • 웹 문서의 수정과 다이내믹한 웹 페이지 제작
  • 세련된 애니메이션과 이펙트 구현
  • 최신 AJAX 기술을 이용한 서버와의 통신
  • 강력한 jQuery의 플러그인 아키텍처를 이용한 플러그인 제작
  • jQuery 1.6 버전까지 추가된 최신 기능과 업데이트

칼 스웨드버그 (Karl Swedberg)

칼 스웨드버그는 미시건의 그랜드 래피즈의 Fusionary Media에서 자바스크립트로 문제를 해결하고 디자인을 구현하는 데 많은 시간을 쏟으며 웹 개발자로 근무하고 있다. jQuery 프로젝트 팀의 멤버이자 jQuery 논의자로 활동하고 있으며, 각종 워크샵, 콘퍼런스, 유럽과 북미 지역의 협업 트레이닝을 맡고 있다.

조나단 채퍼 (Jonathan Chaffer)

조나단 채퍼는 미시간의 그랜드 래피즈에 있는 Rapid Development Group에서 웹 개발자로 근무하고 있으며, PHP와 MySQL, 자바스크립트를 중심으로 하는 여러 기술 분야의 프로젝트들을 수행하고 있다.

김정운

PHP 개발자로 지내다가 SK커뮤니케이션즈에서 자바스크립트 개발자로 일하며 사내 자바스크립트프레임워크를 개발 했으며, 네이트캘린더, 네이트온웹버전등을 개발했다. 현재는 Bucket Labs에서 iOS/OSX 용 앱을 만들고 있다.

  • 01장 jQuery 스크립트 살펴보기
    • 동적인 목차
      • jQuery 구하기
      • HTML 문서 준비
      • jQuery 코드 작성
    • 예제 스크립트 분석
      • 셀렉터 표현식
      • DOM 탐색 메서드
      • DOM 조작 메서드
      • 이벤트 메서드
      • 이펙트 메서드
      • AJAX 메서드
      • 기타 메서드
      • 플러그인 API
    • 정리
    •  
  • 02장 셀렉터 표현식
    • CSS 셀렉터
      • Element (T)
      • ID (#myid)
      • class (.myclass)
      • E F 하위 엘리먼트
      • E > F => 자식 엘리먼트
      • E F => 이웃 엘리먼트
      • E F => 형제 엘리먼트
      • E, F, G => 다중 표현식
      • :nth-child(n/even/odd/expr) => 순차 자식 표현식
      • :first-child => 첫 번째 자식 표현식
      • :last-child => 마지막 자식 표현식
      • :only-child => 유일한 자식 표현식
      • :not(E) => 부정 표현식
      • :empty => Empty 표현식
        • => 전체 선택 표현식
    • 속성 셀렉터
      • foo => 속성 표현식
      • foo=bar => 속성값 표현식
      • foo!=bar => 값이 일치하지 않는 속성
      • foo^=bar => 속성값 시작 단어 일치 여부 표현식
      • foo$=bar => 속성값 종료 단어 일치 여부 표현식
      • foo*=bar => 속성값 포함 여부 표현식
      • foo~=bar => 단어를 포함하는 속성 표현식
      • foo => 머리글을 포함하는 속성 표현식
    • 폼 셀렉터
    • 사용자정의 셀렉터
      • :eq(n) => 인덱스 기반 선택 셀렉터
      • :gt(n) => ~보다 큰 표현식
      • :lt(n) => ~보다 작은 표현식
      • :first => 첫 번째 엘리먼트 표현식
      • :last => 마지막 엘리먼트 표현식
      • :even => 짝수 엘리먼트 표현식
      • :odd => 홀수 엘리먼트 표현식
      • :parent => 부모 엘리먼트 여부 표현식
      • :contains(text) => 텍스트 포함 표현식
      • :has(E) => 엘리먼트 포함 표현식
      • :visible => 가시성 상태 표현식
      • :hidden => 감춤 상태 표현식
      • :header => 헤더 표현식
      • :animated => 애니메이션 동작 상태 표현식
      • :focus => 포커스 엘리먼트
    •  
  • 03장 DOM 탐색 메서드
    • jQuery 메서드
      • $()
    • 필터링 메서드
      • .filter()
      • .not()
      • .has()
      • .eq()
      • .first()
      • .last()
      • .slice()
    • 트리 탐색 메서드
      • .find()
      • .children()
      • .parents()
      • .parentsUntil()
      • .parent()
      • .closest()
      • .offsetParent()
      • .siblings
      • .prev()
      • .prevAll()
      • .prevUntil()
      • .next()
      • .nextAll()
      • .nextUntil()
    • 기타 탐색 메서드
      • .add()
      • .is()
      • .end()
      • .andSelf()
      • .map()
    •  
  • 04장 DOM 처리 메서드
    • 기본 속성
      • .attr() (접근자)
      • .attr(설정자)
      • .removeAttr()
      • .prop() (접근자)
      • .prop() (설정자)
      • .removeProp()
    • 스타일 프로퍼티
      • .css() (접근자)
      • .css (설정자)
      • .height() (접근자)
      • .height() (설정자)
      • .innerHeight()
      • .outerHeight()
      • .width() (접근자)
      • .width() (설정자)
      • .innerWidth()
      • .outerWidth()
      • .offset(접근자)
      • .offset() (설정자)
      • .position()
      • .scrollTop() (접근자)
      • .scrollTop() (설정자)
      • .scrollLeft() (접근자)
      • .scrollLeft() (설정자)
    • 클래스 속성
      • .hasClass()
      • .addClass()
      • .removeClass()
      • .toggleClass()
    • DOM 대체
      • .html() (접근자)
      • .html() (설정자)
      • .text() (접근자)
      • .text() (설정자)
      • .val() (접근자)
      • .val() (설정자)
      • .replaceWith()
      • .replaceAll()
    • DOM 내부 삽입 메서드
      • .prepend()
      • .prependTo()
      • .append()
      • .appendTo()
    • DOM 외부 삽입 메서드
      • .before()
      • .insertBefore()
      • .after()
      • .insertAfter()
    • DOM 주변 삽입 메서드
      • .wrap()
      • .wrapAll()
      • .wrapInner()
    • DOM 복사 메서드
      • .clone()
    • DOM 제거 메서드
      • .empty()
      • .remove()
      • .detach()
      • .unwrap()
    •  
  • 05장 이벤트 메서드
    • 이벤트 핸들러 추가
      • .bind()
      • .unbind()
      • .one()
      • .trigger()
      • .triggerHandler()
      • .live()
      • .die()
      • .delegate()
      • .undelegate()
    • 문서 로딩
      • .ready()
      • jQuery.holdReady()
      • .load()
      • .unload()
      • .error()
    • 마우스 이벤트
      • .mousedown()
      • .mouseup()
      • .click()
      • .dblclick()
      • .toggle()
      • .mouseover()
      • .mouseout()
      • .mouseenter()
      • .mouseleave()
      • .hover()
      • .mousemove();
    • 폼 엘리먼트
      • .focus()
      • .blur()
      • .change()
      • .select()
      • .submit()
    • 키보드 이벤트
      • .keydown()
      • .keypress()
      • .keyup()
    • 브라우저 이벤트
      • .resize()
      • .scroll()
    •  
  • 06장 이펙트 메서드
    • 기본 이펙트 메서드
      • .show()
      • .hide()
      • .toggle()
      • .slideDown()
      • .slideUp()
      • .slideToggle()
      • .fadeIn()
      • .fadeOut()
      • .fadeTo()
      • .fadeToggle()
    • 사용자 효과
      • .animate()
      • .stop()
      • .delay()
      • .queue()
      • .dequeue()
      • .clearQueue()
      • jQuery.fx.interval
    •  
  • 07장 AJAX 메서드
    • 저수준 인터페이스
      • $.ajax()
      • $.ajaxSetup()
    • 간편 메서드
      • $.get()
      • .load()
      • $.post()
      • $.getJSON()
      • $.getScript()
    • 전역 AJAX 이벤트 핸들러
      • .ajaxComplete()
      • .ajaxError()
      • .ajaxSend()
      • .ajaxStart()
      • .ajaxStop()
      • .ajaxSuccess()
      • jQuery.ajaxPrefilter()
    • 지연 객체 (Deferred Object)
      • deferred.done()
      • deferred.fail()
      • deferred.isRejected()
      • deferred.isResolved()
      • deferred.promise()
      • deferred.reject()
      • deferred.rejectWith()
      • deferred.resolve()
      • deferred.resolveWith()
      • deferred.then()
      • deferred.always()
      • jQuery.when()
    • 도우미 메서드
      • .serialize()
      • .serializeArray()
      • jQuery.parseJSON()
      • jQuery.parseXML()
    •  
  • 08장 기타 메서드
    • 설정 메서드
      • $.noConflict()
    • DOM 엘리먼트 메서드.
      • .size()
      • .get()
      • .index()
    • 컬렉션 처리 메서드
      • .each()
      • $.grep()
      • $.makeArray()
      • $.inArray()
      • $.map()
      • $.merge()
      • $.unique()
      • $.extend()
      • $.trim()
      • $.param()
    • 객체 타입 확인 메서드
      • $.isArray()
      • $.isFunction()
      • $.isPlainObject()
      • $.isEmptyObject()
      • $.isXMLDoc()
    • 데이터 관리 메서드
      • .data()
      • .removeData()
      • jQuery.hasData()
    • 에러 처리 메서드
      • jQuery.error()
      • jQuery.isWindow()
      • jQuery.now()
      • jQuery.type()
      • jQuery.sub()
    •  
  • 09장 jQuery 프로퍼티
    • 전역 프로퍼티
      • $.browser
      • $.support
    • jQuery 객체 관련 프로퍼티
      • .length
      • .selector
      • .context
      • jQuery.cssHooks
    •  
  • 10장 플러그인 API
    • 플러그인 활용
    • 플러그인 개발
      • 객체 메서드
      • 전역 함수
      • 셀렉터 표현식
    • 플러그인 관례
      • $ 별칭의 사용
    • 명명 규약
    • API 표준화
    •  
  • 11장 빨리 찾아보기
    • 셀렉터 표현식
    • 메서드
    • 프로퍼티
    •  
  • 부록A 온라인 참고자료
    • jQuery 문서
    • 자바스크립트 레퍼런스
    • 자바스크립트 코드 압축 도구
    • 자바스크립트 코드 압축해제 도구
    • (X)HTML 참고 자료
    • CSS 레퍼런스
    • 유용한 블로그
    • jQuery를 사용 중인 웹 개발 프레임워크
    •  
  • 부록B 개발 도구
    • 파이어폭스용 도구
    • 인터넷 익스플로러 개발 도구
    • 사파리 개발 도구
    • 오페라용 도구
    • 기타 도구

예제코드 관련 GitHub 페이지

도서 소개자료

관련 글