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

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

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

저자 소개

WINGS 프로젝트

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

야마다 요시히로(山田祥寛)

시즈오카 현 하이바라 마을에서 태어났다. 히토츠바시 대학 경제학부를 졸업하였으며, NEC에서 시스템 기획 업무에 종사하였다. 2003년 4월에 프리랜서 작가로 변신하였고, ASP/ASP.NET 분야 마이크로소프트 MVP이자 집필 커뮤니티인 ‘WINGS 프로젝트’의 대표이기도 하다. 최근 활동 내용은 필자 사이트(http://www.wings.msn.to)를 참고하기 바란다.

야스니시 쯔요시(安西剛)

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

타카에 켄(高江賢)

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

타카노 쇼(高野将)

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

역자 소개

정인식

숭실대학교에서 전자계산학을 전공하였다. 사회 초년생 시절 자바에 심취해 현대정보기술에서 웹 애플리케이션 개발을 하였고, 그 후 이동통신단말기 분야로 전직하여 휴대전화단말기의 부가서비스 개발 업무를 담당하였다. 일본 키스코㈜ 모바일 사업부 팀장을 역임하면서 일본 교세라의 북미향 휴대전화기 개발에 참여하였고, 현재 일본에서 가나안 솔루션즈의 공동창업자이자 시스템 엔지니어로 일하고 있다. 옮긴 책으로는 《모바게를 지탱하는 기술》, 《데이터베이스를 지탱하는 기술》, 《머리에 쏙쏙 들어오는 jQuery 입문》, 《자바스크립트 마스터 북》, 《좋은 코드를 작성하는 기술》 등이 있다.

차례

1부 소개

시작에 앞서 - 이 책을 활용하기 위한 소개 _ 2

HTML5의 기본 _ 4

jQuery의 기본 _ 7

2부 UI

1 <ul> 리스트를 고급스런 메뉴로 꾸며주기 _ 20

2 구글 맵과 연계한 페이지 손쉽게 작성하기 _ 25

3 트위터에서의 트윗을 키워드 검색하기 _ 31

4 HTML 테이블로부터 막대 그래프나 꺾은 선 그래프 등 생성하기 _ 35

5 등급 바 만들기 _ 39

6 이미지/동영상 줌업 표시하기 _ 42

7 이미지 슬라이더 만들기 _ 46

8 페이지에 하테나(Hatena) 북마크나 트위터/페이스북 버튼 설치하기 _ 52

9 RSS 피드를 리스트 표시하기 _ 57

10 Ticker 식의 뉴스 목록 생성하기 _ 61

11 코드 리스트 예쁘게 표시하기 _ 64

12 폼에 검증 기능 부여하기 _ 69

13 정렬/페이징 대응의 고급스러운 그리드 테이블 작성하기 _ 76

14 파일 업로더 만들기 _ 80

15 책 넘기는 동작 구현하기 _ 85

16 일반 폼을 마법사(Wizard) 형식으로 꾸미기 _ 90

17 동영상 사이트의 콘텐츠 손쉽게 삽입하기 _ 95

18 MP3 파일의 재생 플레이어 설치하기 _ 97

19 멋진 셀렉트 박스 만들기 _ 101

20 HTML에 class 지정만으로 그리드 레이아웃 구현하기 _ 106

21 HTML에 class 지정만으로 멋진 컴포넌트 생성 _ 111

22 HTML에 class 지정만으로 동적 UI 구현 _ 119

23 풍선 도움말 형식의 툴팁 표시하기 _ 126

24 드래그 앤 드롭으로 편집 가능한 폴더 트리 표시하기 _ 130

25 모달 다이얼로그 표시하기 _ 136

26 슬라이드 다운(아코디언) 메뉴 표시하기 _ 140

27 세로쓰기 표시하기 _ 144

28 구글 캘린더 같은 달력 컴포넌트 _ 148

29 다채롭고 예쁜 그래프 그리기 _ 153

30 여러 파일을 지원하는 업로드 스크립트 _ 162

31 인터랙티브한 그래프 표시하기 _ 169

32 jQuery UI로 전형적인 UI를 간단한 코딩으로 구현하기 _ 174

33 아코디언 식의 패널 생성하기 _ 181

34 텍스트 박스에 자동 완성 기능 부여하기 _ 185

35 날짜 선택 상자 구현하기 _ 192

36 범용적인 대화 상자 표시하기 _ 196

37 슬라이더 만들기 _ 201

38 Resize 가능한 패널 만들기 _ 205

39 드래그 앤 드롭 조작 가능하게 하기 _ 209

40 클릭 앤 드래그 조작으로 선택 가능한 리스트 작성하기 _ 214

41 드래그 조작으로 요소의 정렬 순서 변경하기 _ 218

42 전개 가능한 메뉴 생성하기 _ 222

43 탭 패널 만들기 _ 226

44 툴팁 표시하기 _ 230

45 LightBox 형식으로 모서리가 둥근 이미지 팝업 만들기 _ 235

46 고기능 그리드 표시하기 _ 241

47 여러 메시지를 정렬하여 팝업 표시하기 _ 248

48 조작 가능한 손잡이 방식의 그래프를 그릴 수 있는 라이브러리 _ 252

49 불과 6KB인 날짜 선택기 _ 256

50 커서 부근에 로딩 아이콘 표시하기 _ 261

51 간단히 팝업을 구현한 jQuery 플러그인 _ 265

52 폼 요소의 모양 개선하기 _ 269

3부 스마트폰

53 아이폰 형태의 UI 스마트폰 사이트 만들기 _ 274

54 다채로운 애니메이션으로 화면 전환하기 _ 281

55 모바일에 특화된 jQuery 호환 라이브러리로 모바일 사이트 만들기 _ 288

56 스마트폰 전용 이벤트 쉽게 구현하기 _ 296

57 jQuery 호환 라이브러리 Zepto.JS를 사용한 모바일 사이트 만들기 _ 300

58 Canvas를 사용하여 Flash처럼 움직이는 콘텐츠 만들기 _ 308

59 HTML5를 사용하여 스마트폰 게임 만들기 _ 311

60 모던 브라우저용으로 최적화된 jQuery 호환 라이브러리 만들기 _ 318

4부 유용한 팁

61 JavaScript로 쿠키 쉽게 조작하기 _ 322

62 짧고 안전한 고성능 코드 작성하기 _ 325

63 객체지향 코드 작성하기 _ 333

64 처리를 짧게 작성하기 _ 339

65 HTML5 + JavaScript 기반으로 게임 만들기 _ 343

66 브라우저 상에서 로컬 영역에 스토리지 만들기 _ 347

67 SVG, VML의 그래픽 라이브러리 _ 351

68 입력 보완 라이브러리 _ 355

69 JavaScript 기반의 데이터베이스 _ 361

5부 프레임워크

70 HTML 자체를 템플릿으로 동적 표시 실현하기 _ 368

71 뷰와 컨트롤러를 조립하여 DOM 업데이트 코드 생략하기 _ 374

72 Node.js로 웹 애플리케이션 만들기 _ 379

73 프레임워크를 사용하여 Node.js로 효율적인 웹 애플리케이션 만들기 _ 384

74 RIA(Rich lnternet Application) 개발하기 _ 389

75 고급스런 화면 레이아웃 만들기 _ 393

76 심플하고 가벼운 Node.js용 프레임워크 _ 399

77 URL에 따라 처리 분할하기 _ 405

78 각종 라이브러리를 사용하여 고기능 웹 애플리케이션 구축하기 _ 410

79 데이터를 키/값의 쌍으로 캐시하기[YUI] _ 416

80 JSONP 등 외부 리소스로부터 데이터 검색하기[YUI] _ 420

81 드래그 앤 드롭 구현하기[YUI] _ 423

82 웹 페이지의 새로고침 없이 화면 전환 이력 취급하기[YUI] _ 428

83 이미지를 필요한 시기에 로드하기[YUI] _ 432

84 탭 UI 구현하기[YUI] _ 435

85 대규모 프레임워크에서 Ajax 애플리케이션 만들기 _ 438

86 MVC 패턴으로 애플리케이션 구축하기 _ 449

87 Backbone.js의 Model을 조작하여 이벤트 취급하기 _ 460

88 Backbone.js의 Collection을 조작하여 이벤트 취급하기 _ 464

89 MVVM 패턴으로 애플리케이션 구축하기 _ 469

90 LINQ 형식으로 컬렉션 조작하기 _ 477

91 linq.js의 Enumerable과 jQuery를 상호 변환하기 _ 485

92 CoffeeScript로 MVC 프레임워크 사용하기 _ 488

93 CoffeeScript로 동적인 애플리케이션 만들기 _ 492

94 프레임워크를 사용하여 개발을 편하게 하기 _ 497

95 MVC로 애플리케이션 디자인하기 _ 503

96 LINQ 형식으로 Observer 패턴 처리하기 _ 509

97 DOM 이벤트 발생 시에 하려는 처리를 쿼리 형식의 메소드 체인으로 정의하기 _ 517

98 비동기 처리를 쿼리 형식의 메소드 체인으로 처리하기 _ 522

99 외부 파일, 웹 서비스로부터 가져온 템플릿과 객체 바인딩하기 _ 527

100 각종 컬렉션 조작 수행하기 _ 534

101 템플릿과 객체로부터 문자열 생성하기 _ 539

6부 테스트

102 서버를 만들어 각 브라우저에서 테스트하기 _ 544

103 assert, should, expect의 세 가지 표현 방법으로 테스트하기 _ 549

104 다양한 브라우저 환경에서 JavaScript의 테스트가 가능 _ 555

105 Node.js와 브라우저에서도 간단하게 테스트 작성이 가능 _ 560

106 Stub 및 Mock, 가짜 객체를 취급하는 라이브러리 _ 566

107 다양한 환경에서의 테스트 결과 관리하기 _ 573

108 RSpec식의 구문으로 BDD용의 테스트 코드 작성하기 _ 580

109 Jasmine의 Spy 기능으로 테스트 더블 만들기 _ 588

110 Stub, Mock, Spy 같은 테스트 더블 만들기 _ 593

111 테스트 코드를 실행하여 브라우저로 결과 확인하기 _ 605

저작자표시 비영리 동일조건

'도서 소개' 카테고리의 다른 글

삼위일체 웹 프로그래밍: 자바스크립트, jQuery, Node.js (4)	2014.02.03
스마트 TV 애플리케이션 프로그래밍: 실무에 바로 적용하는 (0)	2014.01.24
트로이목마 (0)	2014.01.02
C 포인터의 이해와 활용: 메모리 관리의 핵심 기술 (3)	2013.12.23
분산 버전 관리 Git 사용설명서(제2판) (0)	2013.12.02

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

'도서 소개' 카테고리의 다른 글

'도서 소개' Related Articles

티스토리툴바