추가 적립 안내

시대의 흐름에 맞춰 다시 쓴 자바스크립트 교과서

이미지와 텍스트를 보여주는 단순한 웹 페이지가 아닌 웹 애플리케이션을 개발해야 하는 시대의 흐름에 맞춰 내용을 전면 재구성했다. 트위터, 페이스북과 같은 웹 애플리케이션 개발이나 스마트폰을 위한 모바일 웹 앱 제작에 필요한 자바스크립트 기술을 단 한 권에 모두 담았다.

HTML5, ECMAScript 5, jQuery 1.10/2.0, jQuery Mobile 1.4 대응
HTML5에 맞춰 자바스크립트를 설명하고 있으며, ECMAScript 5에서 새로 추가된 자바스크립트의 기능도 상세하게 설명한다. 개정판에서는 국내에서 최초로 jQuery 1.10/2.0, jQuery UI 1.10, jQuery Mobile 1.4를 수록했다.

디자인 필요에 따라 쓸 수 있는 jQuery UI + w2ui 플러그인 수록
jQuery UI 테마 이용법, 이미지 보여주기에 최적화된 LightBox, 동적 레이아웃을 구성하는 Masonry 플러그인, 테이블 표현을 처리하는 jqGrid 플러그인을 설명한다. 또한, jQuery 기반의 경량 UI 라이브러리로 인기를 끌고 있는 w2ui에서 제공하는 레이아웃, 툴바, 사이드 바, 탭, 그리드를 설명한다. 특히, w2ui 그리드는 100만 개의 데이터도 빠르게 처리할 수 있다.

모바일 웹을 위한 jQuery Mobile
스마트폰 에뮬레이터의 설치부터 시작해서 모바일 장치를 구분하는 방법, 화면 방향 전환, 터치 이벤트와 같은 모바일 기기 특성에 따른 처리 방법을 설명하고, jQuery Mobile에 특화된 기능을 설명한다. 모바일 기기에서의 페이지 이동, 리스트, 아이콘, 입력 양식, 아코디언, 레이아웃, 툴바, 내비게이션 바, 테마 등을 빠짐없이 다뤄 모바일 웹을 공부하는 독자에게도 부족함이 없는 참고서 역할을 할 것이다.

720개의 예제 수록
자바스크립트, Ajax, jQuery, jQuery UI, jQuery Mobile, w2ui를 설명하기 위해 총 720개의 예제를 수록했다. 자바스크립트 문법 예제뿐 아니라 Ajax 검색, JSON과 JSONP, Reverse Ajax, 반응형 레이아웃, 피벗 플러그인, jQuery 애니메이션, jQuery Mobile 내비게이션 같은 기능별 예제부터 지오로케이션(geolocation)을 이용한 지도 이용하기, Node.js 서버 프로그램과 연동하는 고급 예제까지 수록해 입문에서 활용까지 부족함이 없게 했다.

[로드맵]
모던 웹 디자인을 위한 HTML5+CSS3 입문
모던 웹을 위한 JavaScript+jQuery 입문 개정판
모던 웹을 위한 Node.js 프로그래밍 개정판
모던 웹을 위한 HTML5 프로그래밍

[어떤 독자를 위한 책인가?]
자바스크립트와 jQuery를 함께 공부하려는 웹 개발자
jQuery 플러그인을 웹 디자인 작업물에 가져다 쓰고 싶은 웹 디자이너
jQuery와 jQuery Mobile을 함께 공부해야 하는 웹 앱 개발자나 모바일 사이트 개발자

PART 1 JavaScript
Chapter 1 개요
1.1 자바스크립트의 역사
1.2 자바스크립트의 활용
1.3 자바스크립트의 종류
1.4 Visual Studio 2012 Express for Web 설치
1.5 Visual Studio 2012 Express for Web 인증 받기
1.6 HTML 파일 만들기
1.7 오류 확인 방법

Chapter 2 기본 문법
2.1 기본 용어
2.2 출력
2.3 문자열
2.4 숫자
2.5 불
2.6 변수
2.7 자료형 검사
2.8 undefined 자료형
2.9 입력
2.10 숫자와 문자열 자료형 변환
2.11 불 자료형 변환
2.12 일치 연산자

Chapter 3 조건문
3.1 if 조건문
3.2 if else 조건문
3.3 중첩 조건문
3.4 if else if 조건문
3.5 switch 조건문
3.6 삼항 연산자
3.7 짧은 조건문

Chapter 4 반복문
4.1 배열
4.2 while 반복문
4.3 do while 반복문
4.4 for 반복문
4.5 for in 반복문
4.6 중첩 반복문
4.7 break 키워드
4.8 continue 키워드

Chapter 5 함수
5.1 익명 함수
5.2 선언적 함수
5.3 매개 변수와 리턴값
5.4 매개 변수
5.5 가변 인자 함수
5.6 리턴값
5.7 내부 함수
5.8 콜백 함수
5.9 함수를 리턴 하는 함수
5.10 클로저
5.11 자바스크립트 내장 함수

Chapter 6 객체
6.1 객체 개요
6.2 속성과 메서드
6.3 객체와 반복문
6.4 객체 관련 키워드
6.5 객체의 속성 추가와 제거
6.6 객체와 배열을 사용한 데이터 관리
6.7 함수를 사용한 객체 생성

Chapter 7 생성자 함수
7.1 생성자 함수 개요
7.2 프로토타입
7.3 new 키워드
7.4 캡슐화
7.5 상속

Chapter 8 기본 내장 객체
8.1 기본 자료형과 객체의 차이점
8.2 Object 객체
8.3 Number 객체
8.4 String 객체
8.5 Array 객체
8.6 Date 객체
8.7 Math 객체
8.8 ECMAScript 5 Array 객체
8.9 ECMAScript 5 JSON 객체
8.10 ECMAScript 5 String 객체
8.11 ECMAScript 5 Object 객체

Chapter 9 브라우저 객체 모델
9.1 window 객체
9.2 새로운 window 객체 생성
9.3 window 객체의 기본 메서드
9.4 screen 객체
9.5 location 객체
9.6 navigator 객체
9.7 window 객체의 onload 이벤트 속성

Chapter 10 문서 객체 모델
10.1 문서 객체 모델과 관련된 용어 정리
10.2 문서 객체 만들기(1)
10.3 문서 객체 만들기(2)
10.4 문서 객체 만들기(3)
10.5 문서 객체 가져오기(1)
10.6 문서 객체 가져오기(2)
10.7 문서 객체 가져오기(3)
10.8 문서 객체의 스타일 조작
10.9 문서 객체 제거
10.10 문서 객체를 사용한 시계
10.11 문서 객체를 사용한 움직임 구현
10.12 문서 객체와 객체 지향을 사용한 움직인 구현

Chapter 11 이벤트
11.1 이벤트 관련 용어 정리
11.2 고전 이벤트 모델
11.3 이벤트 발생 객체와 이벤트 객체
11.4 이벤트 강제 실행
11.5 인라인 이벤트 모델
11.6 디폴트 이벤트 제거
11.7 이벤트 전달
11.8 인터넷 익스플로러 이벤트 모델
11.9 표준 이벤트 모델

Chapter 12 예외 처리
12.1 기본 예외 처리
12.2 고급 예외 처리
12.3 예외 객체
12.4 에러와 예외
12.5 예외 강제 발생

PART 2 jQuery
Chapter 13 기본
13.1 개요
13.2 다운로드
13.3 $(document).ready()
13.4 기본 선택자
13.5 자손 선택자와 후손 선택자
13.6 속성 선택자
13.7 필터 선택자
13.7.1 입력 양
13.8 배열 관리
13.9 객체 확장
13.10 jQuery 충돌 방지

Chapter 14 문서 객체 선택과 탐색
14.1 기본 필터 메서드
14.2 문서 객체 탐색 종료
14.3 특정 위치의 문서 객체 선택
14.4 문서 객체 추가 선택
14.5 문서 객체의 특징 판별
14.6 특정 태그 선택

Chapter 15 문서 객체 조작
15.1 문서 객체의 클래스 속성 추가
15.2 문서 객체의 클래스 속성 제거
15.3 문서 객체의 속성 검사
15.4 문서 객체의 속성 추가
15.5 문서 객체의 속성 제거
15.6 문서 객체의 스타일 검사
15.7 문서 객체의 스타일 추가
15.8 문서 객체의 내부 검사
15.9 문서 객체의 내부 추가
15.10 문서 객체 제거
15.11 문서 객체 생성(1)
15.12 문서 객체 생성(2)
15.13 문서 객체 삽입(1)
15.14 문서 객체 삽입(2)
15.15 문서 객체 이동
15.16 문서 객체 복제

Chapter 16 이벤트
16.1 이벤트 연결 기본
16.2 간단한 이벤트 연결
16.3 이벤트 연결 제거
16.4 매개 변수 context
16.5 이벤트 객체
16.6 이벤트 강제 발생
16.7 기본 이벤트와 이벤트 전달
16.8 이벤트 연결 범위 한정
16.9 마우스 이벤트
16.10 키보드 이벤트
16.11 윈도우 이벤트
16.12 입력 양식 이벤트

Chapter 17 효과
17.1 기본 시각 효과
17.2 innerfade 플러그인
17.3 사용자 정의 효과
17.4 상대적 애니메이션
17.5 애니메이션 큐
17.6 애니메이션 정지
17.7 애니메이션 지연
17.8 jQuery UI Effect 플러그인

Chapter 18 이미지 슬라이더
18.1 jQuery 애니메이션을 위한 준비
18.2 HTML 구성
18.3 스타일시트 구성
18.4 자바스크립트 구성

PART 3 Ajax
Chapter 19 node.js 기본
19.1 Ajax 개요
19.2 데이터 전송 형식
19.3 node.js 개요와 설치
19.4 기본 파일 실행
19.5 내부 모듈
19.6 외부 모듈
19.7 서버 생성 및 실행
19.8 미들웨어
19.9 정적 파일 제공
19.10 라우터
19.11 응답과 응답 형식
19.12 Postman 크롬 확장 프로그램
19.13 요청과 요청 매개 변수
19.14 요청 방식
19.15 서버 정리

Chapter 20 XMLHttpRequest
20.1 XMLHttpRequest 객체
20.2 생성
20.3 동기 방식과 비동기 방식
20.4 데이터 요청과 조작
20.5 데이터 요청 방식

Chapter 21 jQuery Ajax
21.1 기본
21.2 추가적인 jQuery Ajax 메서드
21.3 XML 조작
21.4 데이터 요청 방식
21.5 보조 메서드
21.6 이벤트 관리

Chapter 22 MySQL 데이터베이스
22.1 설치
22.2 기본 명령어
22.3 MySQL 모듈
22.4 데이터베이스 웹 서비스
22.5 Ajax를 사용한 데이터 추가와 삭제

Chapter 23 크로스 도메인[7월 26일]
23.1 개요
23.2 JSONP 개요
23.3 JSONP 웹 서비스
23.4 간접 접근 웹 서비스

Chapter 24 Reverse Ajax
24.1 개요
24.2 서버 구성
24.3 클라이언트 구성

PART 4 jQuery 플러그인과 활용
Chapter 25 jQuery UI 플러그인
25.1 jQuery UI 기본 설정
25.2 jQuery UI 플러그인의 기본 사용 방법
25.3 jQuery UI 플러그인의 옵션
25.4 jQuery UI 플러그인의 메서드
25.5 jQuery UI 플러그인의 이벤트
25.6 jQuery UI 위젯 플러그인
25.7 jQuery UI 테마 클래스(1)
25.8 jQuery UI 테마 클래스(2)
25.9 jQuery UI 테마 클래스(3)
25.10 jQuery UI 플러그인의 아이콘
25.11 jQuery UI 상호작용 플러그인
25.12 jQuery UI 테마와 상호작용 연습

Chapter 26 라이트박스 플러그인
26.1 Colorbox 플러그인
26.2 Colorbox 플러그인의 옵션
26.3 Colorbox 플러그인을 활용한 다이얼로그
26.4 Colorbox 플러그인의 전역 메서드
26.5 플리커 이미지 앨범

Chapter 27 w2ui 플러그인
27.1 기본 설정
27.2 레이아웃 기본
27.3 레이아웃 메서드
27.4 툴바
27.5 그리드

Chapter 28 jqGrid 플러그인
28.1 jqGrid 플러그인 다운로드
28.2 기본 서버와 데이터 구성
28.3 underscore 기본
28.4 jqGrid 플러그인을 위한 페이지 라우트
28.5 데이터 제공 웹 서비스 구성
28.6 기본 그리드 만들기
28.7 그리드 검색 구현
28.8 데이터 추가, 삭제, 수정 웹 서비스
28.9 그리드에 검색, 추가, 수정, 삭제 기능 추가
28.10 추가적인 내용

Chapter 29 레이아웃과 스프레드시트 플러그인
29.1 Masonry 플러그인
29.2 Handsontable 플러그인

Chapter 30 모바일 웹
30.1 모바일 장치 구분
30.2 뷰포트 meta 태그
30.3 화면 방향 전환 이벤트
30.4 터치 이벤트
30.5 jQuery Mobile
30.6 jQuery Mobile 페이지와 테마
30.7 jQuery Mobile 페이지 이동
30.8 jQuery Mobile 리스트
30.9 jQuery Mobile 아이콘
30.10 jQuery Mobile 입력 양식
30.11 jQuery Mobile 아코디언
30.12 jQuery Mobile 레이아웃
30.13 jQuery Mobile 패널
30.14 jQuery Mobile 툴바
30.15 jQuery Mobile 네비게이션 바
30.16 jQuery Mobile 강제 페이지 이동
30.17 jQuery Mobile 초기화 이벤트와 페이지 관련 이벤트
30.18 jQuery Mobile 페이지 이동 메서드
30.19 jQuery Mobile create 이벤트
30.20 jQuery Mobile refresh() 메서드

Chapter 31 jQuery 플러그인 제작
31.1 선택자를 사용하지 않는 jQuery 플러그인 생성
31.2 선택자를 사용하는 jQuery 플러그인 생성
31.3 피벗 슬라이드 플러그인 만들기(1)
31.4 피벗 슬라이드 플러그인 만들기(2)
31.5 피벗 슬라이드 플러그인 만들기(3)

부록
부록 A 요소 검사
A.1 요소 검사의 기능
A.2 요소 검사를 사용한 자바스크립트 디버깅
A.3 변수 검사
A.4 HTTP 헤더 확인

부록 B 정규 표현식
B.1 정규 표현식 객체
B.2 대체 문자
B.3 플래그 문자
B.4 앵커 문자
B.5 메타 문자
B.6 수량 문자
B.7 선택 문자
B.8 정규 표현식 사용 예제

부록 C 쿠키와 저장소
C.1 쿠키 개요
C.2 쿠키 읽기
C.3 쿠키 함수
C.4 jQuery Cookie 플러그인
C.5 저장소

부록 D 지오로케이션
D.1 구글 지도
D.2 현재 위치 확인
D.3 위치 추적

부록 E 스크롤 관련 라이브러리
E.1 skrollr 라이브러리
E.2 waypoint.js 플러그인

부록 F 자주 발생하는 오류
F.1 자바스크립트 오류
F.2 node.js 오류
F.3 node.js 버그
F.4 인터넷 익스플로러의 문서 모드 관련 문제

부록 G jQuery 2.X
G.1 스타일 속성의 벤더 프리픽스 지원

HTML5의 발전 속도가 매우 빨라서 1년 만에 개정판을 출간하게 되었습니다. 굉장히 많은 부분을 최신으로 변경하고 추가했습니다. 주요 변경 사항은 다음과 같습니다.

1. jQuery 1.7 버전을 jQuery 1.10 버전으로 교체했습니다
현재 jQuery 2.0 버전이 나왔지만 jQuery 2.0 버전은 구 버전의 인터넷 익스플로러를 지원하지 않습니다. 따라서 jQuery 2.0 버전 관련 기능은 부록에 정리하고 본문에서는 jQuery 1.X 버전의 최신 버전인 jQuery 1.10 버전을 다룹니다(jQuery 1.X 버전도 계속 업데이트됩니다).

2. ASP.NET MVC 3로 만들었던 서버를 node.js로 교체했습니다
이전 판에서는 ASP.NET MVC 3로 서버를 구성했습니다. 자바스크립트만으로 클라이언트와 서버를 모두 구성할 수 있게 했으며 이후 시리즈와의 연계성을 가질 수 있게 했습니다.

3. jQuery Mobile 1.0 버전을 jQuery Mobile 1.4 버전으로 교체했습니다
모던 플랫 디자인을 적용한 jQuery Mobile 1.4 버전을 넣었습니다. 하지만 jQuery Mobile 1.3 버전도 많이 쓰이므로 jQuery Mobile 1.3 버전에서의 변경 사항도 참고로 넣었습니다.

4. jQuery 플러그인을 최신 플러그인으로 수정 및 추가했습니다
이전 판에서 사용한 jQuery 플러그인 중 유료로 변경되거나 버전이 변경된 플러그인을 최신 플러그인으로 교체했습니다. 또한 현재 웹 개발 트렌드에 맞추어 w2ui 플러그인의 레이아웃, 툴바, 그리드 플러그인과 waypoint.js 라이브러리와 skrollr.js 플러그인 등을 추가했습니다.

5. 이전 판을 읽은 독자들이 많이 질문했던 부분을 보완했습니다
많은 독자께서 이전 책에 대한 피드백을 해주셨습니다. 질문이 많이 들어온 부분을 조금 더 자세하게 기입하고 실무에서 부딪힐 수 있는 문제를 정리했습니다.

마지막으로 책을 집필할 수 있게 도와주신 한동훈 과장님과 모든 독자 분께도 감사의 말씀을 드립니다.
(/ '서문' 중에서)