간편결제, 신용카드 청구할인
인터파크 롯데카드 5% (25,650원)
(최대할인 10만원 / 전월실적 40만원)
북피니언 롯데카드 30% (18,900원)
(최대할인 3만원 / 3만원 이상 결제)
NH쇼핑&인터파크카드 20% (21,600원)
(최대할인 4만원 / 2만원 이상 결제)
Close

자바스크립트 라이브러리 실전활용 : 엄선 111

원제 : JavaScript ライブラリ 活用
소득공제

2013년 9월 9일 이후 누적수치입니다.

판매지수 29
?
판매지수란?
사이트의 판매량에 기반하여 판매량 추이를 반영한 인터파크 도서에서의 독립적인 판매 지수입니다. 현재 가장 잘 팔리는 상품에 가중치를 두었기 때문에 실제 누적 판매량과는 다소 차이가 있을 수 있습니다. 판매량 외에도 다양한 가중치로 구성되어 최근의 이슈도서 확인시 유용할 수 있습니다. 해당 지수는 매일 갱신됩니다.
Close
공유하기
정가

30,000원

  • 27,000 (10%할인)

    1,500P (5%적립)

할인혜택
적립혜택
  • I-Point 적립은 출고완료 후 14일 이내 마이페이지에서 적립받기한 경우만 적립됩니다.
추가혜택
배송정보
주문수량
감소 증가
  • 이벤트/기획전

  • 연관도서

  • 사은품(10)

출판사 서평

웹 디자이너, 프로그래머 모두에게 강력하게 추천하는 라이브러리 핸드북!

크로스 브라우저의 문제 해결과 예쁜 디자인을 위해서 자바스크립트 라이브러리 사용이 필수인 시대가 되었다. 수많은 라이브러리가 우후죽순처럼 만들어지고 있는데, 선택을 도와줄 가이드가 없는 실정이다. 이 책은 수많은 자바스크립트 라이브러리와 jQuery 플러그인 중에서 도움이 되고, 재미있고, 실제 적용할 수 있는 111가지의 라이브러리를 엄선하여 샘플 소스와 함께 소개하고 있다. UI(사용자 인터페이스), 스마트폰, 유용한 팁, 프레임워크, 테스트 등 총 5개의 주요 파트로 나눠져 있으며, 각 라이브러리는 먼저 명료한 설명을 제공해준 후에 라이브러리의 URL과 필요한 파일 등을 표 형식으로 보여주고 있다. 또한, 본문에서는 라이브러리를 사용할 때 주의해야 할 점이나 주요 기능의 사용법에 대한 설명이 이어진다.

각 라이브러리는 예제 코드와 자세한 코드 설명을 함께 수록하여 사용법을 명확하게 이해할 수 있도록 하였다. 또한, 주요 파라미터, 속성, 메소드, 이벤트, 옵션 등을 목록으로 제공하고 있어서 사용하고자 하는 라이브러리의 기능을 곧바로 적용할 수 있도록 하였다. 편리한 기능의 엄선된 라이브러리를 발견하는 즐거움과 라이브러리를 실제로 활용할 수 있는 장점을 실감할 수 있을 것이다.

목차

1부 소개
시작에 앞서 - 이 책을 활용하기 위한 소개
HTML5의 기본
jQuery의 기본

2부 UI
1 (ul) 리스트를 고급스런 메뉴로 꾸며주기
2 구글 맵과 연계한 페이지 손쉽게 작성하기
3 트위터에서의 트윗을 키워드 검색하기
4 HTML 테이블로부터 막대 그래프나 꺾은 선 그래프 등 생성하기
5 등급 바 만들기
6 이미지/동영상 줌업 표시하기
7 이미지 슬라이더 만들기
8 페이지에 하테나(Hatena) 북마크나 트위터/페이스북 버튼 설치하기
9 RSS 피드를 리스트 표시하기
10 Ticker 식의 뉴스 목록 생성하기
11 코드 리스트 예쁘게 표시하기
12 폼에 검증 기능 부여하기
13 정렬/페이징 대응의 고급스러운 그리드 테이블 작성하기
14 파일 업로더 만들기
15 책 넘기는 동작 구현하기
16 일반 폼을 마법사(Wizard) 형식으로 꾸미기
17 동영상 사이트의 콘텐츠 손쉽게 삽입하기
18 MP3 파일의 재생 플레이어 설치하기
19 멋진 셀렉트 박스 만들기
20 HTML에 class 지정만으로 그리드 레이아웃 구현하기
21 HTML에 class 지정만으로 멋진 컴포넌트 생성
22 HTML에 class 지정만으로 동적 UI 구현
23 풍선 도움말 형식의 툴팁 표시하기
24 드래그 앤 드롭으로 편집 가능한 폴더 트리 표시하기
25 모달 다이얼로그 표시하기
26 슬라이드 다운(아코디언) 메뉴 표시하기
27 세로쓰기 표시하기
28 구글 캘린더 같은 달력 컴포넌트
29 다채롭고 예쁜 그래프 그리기
30 여러 파일을 지원하는 업로드 스크립트
31 인터랙티브한 그래프 표시하기
32 jQuery UI로 전형적인 UI를 간단한 코딩으로 구현하기
33 아코디언 식의 패널 생성하기
34 텍스트 박스에 자동 완성 기능 부여하기
35 날짜 선택 상자 구현하기
36 범용적인 대화 상자 표시하기
37 슬라이더 만들기
38 Resize 가능한 패널 만들기
39 드래그 앤 드롭 조작 가능하게 하기
40 클릭 앤 드래그 조작으로 선택 가능한 리스트 작성하기
41 드래그 조작으로 요소의 정렬 순서 변경하기
42 전개 가능한 메뉴 생성하기
43 탭 패널 만들기
44 툴팁 표시하기
45 LightBox 형식으로 모서리가 둥근 이미지 팝업 만들기
46 고기능 그리드 표시하기
47 여러 메시지를 정렬하여 팝업 표시하기
48 조작 가능한 손잡이 방식의 그래프를 그릴 수 있는 라이브러리
49 불과 6KB인 날짜 선택기
50 커서 부근에 로딩 아이콘 표시하기
51 간단히 팝업을 구현한 jQuery 플러그인
52 폼 요소의 모양 개선하기

3부 스마트폰
53 아이폰 형태의 UI 스마트폰 사이트 만들기
54 다채로운 애니메이션으로 화면 전환하기
55 모바일에 특화된 jQuery 호환 라이브러리로 모바일 사이트 만들기
56 스마트폰 전용 이벤트 쉽게 구현하기
57 jQuery 호환 라이브러리 Zepto.JS를 사용한 모바일 사이트 만들기
58 Canvas를 사용하여 Flash처럼 움직이는 콘텐츠 만들기
59 HTML5를 사용하여 스마트폰 게임 만들기
60 모던 브라우저용으로 최적화된 jQuery 호환 라이브러리 만들기

4부 유용한 팁
61 JavaScript로 쿠키 쉽게 조작하기
62 짧고 안전한 고성능 코드 작성하기
63 객체지향 코드 작성하기
64 처리를 짧게 작성하기
65 HTML5 + JavaScript 기반으로 게임 만들기
66 브라우저 상에서 로컬 영역에 스토리지 만들기
67 SVG, VML의 그래픽 라이브러리
68 입력 보완 라이브러리
69 JavaScript 기반의 데이터베이스

5부 프레임워크
70 HTML 자체를 템플릿으로 동적 표시 실현하기
71 뷰와 컨트롤러를 조립하여 DOM 업데이트 코드 생략하기
72 Node.js로 웹 애플리케이션 만들기
73 프레임워크를 사용하여 Node.js로 효율적인 웹 애플리케이션 만들기
74 RIA(Rich lnternet Application) 개발하기
75 고급스런 화면 레이아웃 만들기
76 심플하고 가벼운 Node.js용 프레임워크
77 URL에 따라 처리 분할하기
78 각종 라이브러리를 사용하여 고기능 웹 애플리케이션 구축하기
79 데이터를 키/값의 쌍으로 캐시하기[YUI]
80 JSONP 등 외부 리소스로부터 데이터 검색하기[YUI]
81 드래그 앤 드롭 구현하기[YUI]
82 웹 페이지의 새로고침 없이 화면 전환 이력 취급하기[YUI]
83 이미지를 필요한 시기에 로드하기[YUI]
84 탭 UI 구현하기[YUI]
85 대규모 프레임워크에서 Ajax 애플리케이션 만들기
86 MVC 패턴으로 애플리케이션 구축하기
87 Backbone.js의 Model을 조작하여 이벤트 취급하기
88 Backbone.js의 Collection을 조작하여 이벤트 취급하기
89 MVVM 패턴으로 애플리케이션 구축하기
90 LINQ 형식으로 컬렉션 조작하기
91 linq.js의 Enumerable과 jQuery를 상호 변환하기
92 CoffeeScript로 MVC 프레임워크 사용하기
93 CoffeeScript로 동적인 애플리케이션 만들기
94 프레임워크를 사용하여 개발을 편하게 하기
95 MVC로 애플리케이션 디자인하기
96 LINQ 형식으로 Observer 패턴 처리하기
97 DOM 이벤트 발생 시에 하려는 처리를 쿼리 형식의 메소드 체인으로 정의하기
98 비동기 처리를 쿼리 형식의 메소드 체인으로 처리하기
99 외부 파일, 웹 서비스로부터 가져온 템플릿과 객체 바인딩하기
100 각종 컬렉션 조작 수행하기
101 템플릿과 객체로부터 문자열 생성하기

6부 테스트
102 서버를 만들어 각 브라우저에서 테스트하기
103 assert, should, expect의 세 가지 표현 방법으로 테스트하기
104 다양한 브라우저 환경에서 JavaScript의 테스트가 가능
105 Node.js와 브라우저에서도 간단하게 테스트 작성이 가능
106 Stub 및 Mock, 가짜 객체를 취급하는 라이브러리
107 다양한 환경에서의 테스트 결과 관리하기
108 RSpec식의 구문으로 BDD용의 테스트 코드 작성하기
109 Jasmine의 Spy 기능으로 테스트 더블 만들기
110 Stub, Mock, Spy 같은 테스트 더블 만들기
111 테스트 코드를 실행하여 브라우저로 결과 확인하기

본문중에서

이 책은 수많은 자바스크립트 라이브러리 중 자주 사용되는 것들을 엄선한 책이다. 원서가 일본어로 작성된 것이라서 우리나라의 개발 환경과 다소 차이가 나는 부분도 있겠지만, 이 책에서 설명하는 주요 라이브러리를 잘 이해하기만 한다면 우리의 환경에도 충분히 응용할 수 있을 것이라 판단한다. 우리나라 웹 개발자들에게 부디 유용하게 활용되길 바란다.
(/ 'ix' 중에서)

jQuery의 코드는 ‘무엇’을 ‘어떻게’ 하는가가 기본이다(그림 05). 그리고 그중에서도 ‘무엇’을 나타내는 $() 함수는 jQuery에 있어서 코드의 시작점이기도 하여 jQuery 학습의 기본 열쇠라고도 말할 수 있다.
(/ p.11)

vTicker 플러그인은 리스트 009-02와 같이

    리스트를 준비해두기만 하면 바로 사용할 수 있다. 따라서 다른 플러그인에 의해 생성된 리스트에 대해 티커 효과를 추가하는 용도에도 쉽게 대응할 수 있다.
    (/ p.62)

    uploadify는 jQuery 플러그인이지만, 파일 업로드 자체는 Flash 컴포넌트를 이용하고 있다. 따라서 브라우저에서 Flash Player가 동작 가능해야 한다. 또한, 업로드한 파일을 서버에 저장하기 위해 서버 사이드에서 동작하는 스크립트가 필요하다.
    (/ p163)

    LightBox는 볼티모어 거주의 웹 디자이너 로케쉬 드하카(Lokesh Dhakar)가 개발한 JavaScript 라이브러리다. 배경을 어둡게 하여 지정된 콘텐츠를 확대 표시하는 LightBox는 많은 웹 사이트에서 사용되고 있으며, 또한 유사한 기능의 라이브러리를 다수 공개하고 있다. Facebox도 LightBox와 비슷한 라이브러리다. 기능으로서는 간소한 팝업 표시밖에 없지만, 간단한 팝업을 표시할 때에 참으로 안성맞춤인 라이브러리다.
    (/ p.236)

    flatiron 템플릿 엔진은 ‘plates’다. plates는 HTML에 데이터를 바인딩하도록 만들어져 있어 템플릿 엔진 고유의 특별한 작성법은 필요 없다. 리스트 076-02의 HTML은 서적의 리스트를 표시하는 예제다. 보다시피 속성도 포함하여 HTML로서 특수한 작성법이 필요 없다. 이 HTML에 대해 책 데이터를 바인딩하여 보자.
    (/ p.403)

관련이미지

저자소개

WINGS 프로젝트 [저] 신작알림 SMS신청 작가DB보기
생년월일 -
출생지 -
출간도서 0종
판매수 0권

(유)WINGS 프로젝트가 운영하는 테크니컬 집필 커뮤니티. 주로 웹 개발 분야의 책과 기사를 집필하거나 번역하고 있으며, 강연도 꾸준히 진행하고 있다. 2013년 3월 현재, 등록 회원 수는 약 40명이며, 계속해서 회원을 모집 중이다.

야마다 요시히로 [저] 신작알림 SMS신청 작가DB보기
생년월일 -
출생지 일본 시즈오카현
출간도서 4종
판매수 625권

시즈오카현 하이바라초에서 태어났으며, 히토츠바시대학 경제학부를 졸업했다. NEC에서 시스템 기획 업무에 종사하였으나, 2003년 4월에 평소 동경했던 전업작가로 전향하였다. Microsoft MVP for Visual Studio and Development Technologies이며, 집필 커뮤니티 ‘WINGS 프로젝트’의 대표이기도 하다. 주요 저서로 [AngularJS 애플리케이션 프로그래밍], [퍼펙트 루비 온 레일즈], [Android 엔지니어를 위한 모던 Java] 등이 있으며, 이외에도 다수의

펼쳐보기
야스니시 쯔요시 [저] 신작알림 SMS신청 작가DB보기
생년월일 -
출생지 -
출간도서 0종
판매수 0권

클래식 음악을 좋아하는 IT 엔지니어다. 웹 프레임워크와 스마트폰 앱을 제작하고 있으며, 최근에는 애자일 개발에 흥미가 생겨 스크럼 마스터와 애자일 코치를 하면서 팀 구성 및 조직 만들기 활동을 하고 있다.

생년월일 -
출생지 -
출간도서 0종
판매수 0권

프로그래밍 경력이 4반세기를 넘는 소프트웨어 엔지니어다. 현재 주식회사 기상공학연구소에 근무하며 기상과 방재에 관한 시스템 구축에 종사하고 있다. 주요 저서로는 [앱을 만들자! 안드로이드 입문](닛케이 BP) 등이 있다.

생년월일 -
출생지 -
출간도서 0종
판매수 0권

니가타 현 나가오카시에 거주하는 애플리케이션 개발자 겸 주부로서 본업과 육아, 가사를 병행 중에 있다. 조금이라도 더 많은 개발자가 행복해지길 바라는 마음으로 블로그, 웹 기사, 지역 사회 주최의 스터디 그룹 등을 통해 다양한 정보를 생산하고 있다.

생년월일 -
출생지 -
출간도서 0종
판매수 0권

숭실대학교에서 전자계산학을 전공하였다. 사회 초년생 시절 자바에 심취해 현대정보기술에서 웹 애플리케이션을 개발하였고, 그 후 이동통신 단말기 분야로 전직하여 휴대전화 단말기의 부가서비스 개발 업무를 담당하였다. 일본 키스코 모바일사업부 팀장이었으며, 일본 교세라의 북미향 휴대전화기 개발에 참여하였다. 지금은 일본의 주요 이동통신사에서 업무 프로세스 개선을 위한 IT 컨설팅 및 데이터 분석 관련 툴을 개발하고 있다. 옮긴 책으로는 《자바스크립트 마스터 북(제2판)》, 《처음 만나는 알고리즘》을 비롯해 10여 종이 있다.

컴퓨터/인터넷 분야에서 많은 회원이 구매한 책

    리뷰

    10.0 (총 0건)

    구매 후 리뷰 작성 시, 북피니언 지수 최대 600점

    리뷰쓰기

    기대평

    작성시 유의사항

    평점
    0/200자
    등록하기

    기대평

    9.0

    교환/환불

    교환/환불 방법

    ‘마이페이지 > 취소/반품/교환/환불’ 에서 신청함, 1:1 문의 게시판 또는 고객센터(1577-2555) 이용 가능

    교환/환불 가능 기간

    고객변심은 출고완료 다음날부터 14일 까지만 교환/환불이 가능함

    교환/환불 비용

    고객변심 또는 구매착오의 경우에만 2,500원 택배비를 고객님이 부담함

    교환/환불 불가사유

    반품접수 없이 반송하거나, 우편으로 보낼 경우 상품 확인이 어려워 환불이 불가할 수 있음
    배송된 상품의 분실, 상품포장이 훼손된 경우, 비닐랩핑된 상품의 비닐 개봉시 교환/반품이 불가능함

    소비자 피해보상

    소비자 피해보상의 분쟁처리 등에 관한 사항은 소비자분쟁해결기준(공정거래위원회 고시)에 따라 비해 보상 받을 수 있음
    교환/반품/보증조건 및 품질보증 기준은 소비자기본법에 따른 소비자 분쟁 해결 기준에 따라 피해를 보상 받을 수 있음

    기타

    도매상 및 제작사 사정에 따라 품절/절판 등의 사유로 주문이 취소될 수 있음(이 경우 인터파크도서에서 고객님께 별도로 연락하여 고지함)

    배송안내

    • 인터파크 도서 상품은 택배로 배송되며, 출고완료 1~2일내 상품을 받아 보실 수 있습니다

    • 출고가능 시간이 서로 다른 상품을 함께 주문할 경우 출고가능 시간이 가장 긴 상품을 기준으로 배송됩니다.

    • 군부대, 교도소 등 특정기관은 우체국 택배만 배송가능하여, 인터파크 외 타업체 배송상품인 경우 발송되지 않을 수 있습니다.

    • 배송비

    도서(중고도서 포함) 구매

    2,000원 (1만원이상 구매 시 무료배송)

    음반/DVD/잡지/만화 구매

    2,000원 (2만원이상 구매 시 무료배송)

    도서와 음반/DVD/잡지/만화/
    중고직배송상품을 함께 구매

    2,000원 (1만원이상 구매 시 무료배송)

    업체직접배송상품 구매

    업체별 상이한 배송비 적용