javascript - 해당되는 글 16건

 

누구나 쉽게 배우는 자바스크립트

 

시리즈명 이지코딩 시리즈-003

저자 닉 모건

역자 김태곤, 이미령

출판사 비제이퍼블릭

 

출간일 2015916 ()

정가 28,000

페이지 344

판형 188*245

ISBN 979-11-86697-03-0 (93000)

원서정보 JAVASCRIPT FOR KIDS

 

 

 

책 소개

 

정말 쉬운 프로그래밍!

 

자바스크립트는 인터넷 프로그래밍 언어입니다. 웹을 더 근사하게 만들고, 좋아하는 웹 사이트에 생동감을 더해주며, 온라인 게임과 같은 즐거움도 선사해주는 마법의 소스입니다!

 

『누구나 쉽게 배우는 자바스크립트』는 단계별 예제와 재미있는 그림들을 느긋하게 보면서 프로그래밍의 필수 요소를 가벼운 마음으로 배울 수 있는 책입니다. 처음에는 문자열, 배열, 반복문과 같은 기초에서 시작해서 jQuery를 사용한 인터랙션 구현, 캔버스를 사용한 그래픽 그리기 등과 같은 고급 주제도 살펴봅니다. 이 과정에서 여러분은 보물 찾기, 행맨, 뱀 게임과 같은 재미있는 게임을 작성하고, 다음과 같은 내용을 배울 것입니다.

 

- 코드를 구조화하고 재사용할 수 있게 해주는 함수 작성법

- 동적인 웹 페이지를 만드는 HTML 작성 및 수정 방법

- DOM jQuery를 사용해서 사용자의 입력에 반응하는 웹 페이지를 만드는 방법

- 캔버스 엘리먼트를 사용해서 그림을 그리고 움직이게 하는 방법

- 충돌 감지 및 점수 기능을 갖춘 게임을 만드는 방법

 

튕기는 공, 레이싱 카, 날아다니는 벌과 같은 시각적인 예제를 통해 여러분이 프로그래밍한 것을 확인할 수 있습니다. 각 장 마지막 부분에는 프로그래밍 과제를 첨부해서 학습 효과를 배가하는 한편, 여러분이 작성한 프로그래밍을 더 좋게 바꿀 수 있도록 했습니다. 바로 지금 자바스크립트를 사용해서 멋진 결과물을 만들어보세요!

 

 

독자대상

 

초급

 

 

 

저자 소개

 

닉 모건

 

트위터의 프런트엔드 엔지니어다. 프로그래밍 언어는 전부 좋아하지만 자바스크립트에는 특별히 더 큰 애정을 가지고 있다. 안개가 많은 샌프란시스코에서 약혼녀와 함께 복슬복슬한 강아지 팬케이크를 키우며 살고 있으며, 블로그(http://skilldrick.co.uk)를 운영하고 있다.

 

 

 

역자 소개

 

김태곤

 

Fancy(http://fancy.com)라는 서비스를 만들고 있는 프런트엔드 개발자다. 새로운 기술을 배우는 것만큼이나 지식을 나누는 것도 좋아해 오픈 소스는 물론 강의와 번역을 꾸준히 진행하고 있다. 또한 개인 블로그(http://taegon.kim)와 트위터(@taggon)를 통해서도 웹 기술과 관련된 글을 전한다. 옮긴 책으로는 『자바스크립트를 깨우치다』(비제이퍼블릭), 『객체지향 자바스크립트의 원리』(비제이퍼블릭), 『거침없이 배우는 자바스크립트 & 제이쿼리』(지앤선) 등이 있다.

 

이미령

 

큰 변화도 작은 행동이 모여 이루어진다는 생각에 가치 있는 콘텐츠를 우리말로 공유하고자 자원봉사로 시작한 번역이 신문기사, 온라인 콘텐츠 번역을 지나 결국 전문 번역가의 길까지 이어졌다. 모든 일을 재미있게 하는 비결은 아이 같은 호기심을 잃지 않는 데 있다고 믿고 있으며 사람과 사람, 사람과 컴퓨터 간의 연결 분야에 관심이 많다. 옮긴 책으로는 『생각하는 냉장고 뉴스 읽는 장난감』(지앤선), 『멀티 디바이스 UX 디자인』(한빛미디어), 『사용자를 생각하게 하지마』(인사이트)가 있다.

 

 

목차

 

1. 기초

 

1. 자바스크립트 소개

- 자바스크립트를 만나보세요

- 자바스크립트를 배워야 하는 이유는 무엇인가요?

- 간단한 자바스크립트 프로그램 작성

- 자바스크립트 프로그램의 구조

- 정리해봅시다

 

2. 자료형과 변수

- 숫자와 연산자

- 변수

- 문자열

- 불리언

- Undefined null

- 정리해봅시다

 

3. 배열

- 배열을 배워야 하는 이유

- 배열 만들기

- 배열 원소에 접근하기

- 배열 원소 설정하기와 바꾸기

- 한 배열에서 여러 자료형 사용하기

- 배열 다루기

- 유용하게 배열 활용하기

- 정리해봅시다

- 프로그래밍 과제

 

4. 객체

- 객체 만들기

- 객체 안의 값에 접근하기

- 객체에 값 추가하기

- 배열과 객체 결합하기

- 콘솔에서 객체 탐색하기

- 객체를 유용하게 활용하는 방법

- 정리해봅시다

- 프로그래밍 과제

 

5. HTML 기초

- 텍스트 편집기

- 첫 번째 HTML 문서

- 완전한 HTML 문서

- HTML 계층구조

- HTML에 링크 추가하기

- 정리해봅시다

 

6. 조건문과 반복문

- HTML에 자바스크립트 포함하기

- 조건문

- 반복문

- 정리해봅시다

- 프로그래밍 과제

 

7. 행맨 게임 제작

- 플레이어와 상호작용

- 게임 설계하기

- 게임 코딩하기

- 게임 코드

- 정리해봅시다

- 프로그래밍 과제

 

8. 함수

- 함수의 기본 구조

- 간단한 함수 작성

- 함수 호출하기

- 함수에 인수 전달하기

- 함수에서 값 반환하기

- 함수를 값으로써 사용하기

- 함수를 사용해 코드를 단순하게 만들기

- Return을 사용해 함수 빨리 끝내기

- If…else 대신 return을 여러 번 사용하기

- 정리해봅시다

- 프로그래밍 과제

 

2. 고급 자바스크립트

 

9. DOM jQuery

- DOM 엘리먼트 선택하기

- jQuery를 사용한 DOM 트리 다루기

- jQuery를 사용해 엘리먼트 새로 만들기

- jQuery를 사용한 애니메이션

- jQuery 애니메이션 연결하기

- 정리해봅시다

- 프로그래밍 과제

 

10. 인터랙티브 프로그래밍

- setTimeout을 사용한 코드 지연

- 타임아웃 취소하기

- Setlnterval을 사용해 코드를 여러 번 호출하기

- Setlnterval을 사용한 엘리먼트 애니메이션

- 사용자 행동에 반응하기

- 정리해봅시다

- 프로그래밍 과제

 

11. 보물 찾기 게임

- 게임 설계하기

- HTML을 사용해 웹 페이지 만들기

- 보물의 위치 무작위로 고르기

- 클릭 핸들러

- 하나로 합치기

- 정리해봅시다

- 프로그래밍 과제

 

12. 객체지향 프로그래밍

- 단순 객체

- 객체에 메서드 추가하기

- 생성자를 사용한 객체 만들기

- 자동차 그리기

- drawCar 함수 테스트하기

- 프로토타입을 사용해 객체 설정하기

- 정리해봅시다

- 프로그래밍 과제

 

3. 캔버스

 

13. 캔버스 엘리먼트

- 간단한 캔버스 만들기

- 캔버스에 그리기

- 색상 바꾸기

- 사각형 외곽선 그리기

- 직선 또는 경로 그리기

- 경로 색칠하기

- 호와 원 그리기

- 함수를 사용해 원을 여러 개 그리기

- 정리해봅시다

- 프로그래밍 과제

 

14. 캔버스 애니메이션

- 페이지를 가로질러 이동하기

- 정사각형의 크기 바꾸기

- 활발한 벌 그리기

- 공 튕기기

- 정리해봅시다

- 프로그래밍 과제

 

15. 키보드를 사용한 애니메이션 제어

- 키보드 이벤트

- 키보드로 공 움직이기

- 하나로 합치기

- 코드 실행하기

- 정리해봅시다

- 프로그래밍 과제

 

16. 뱀 게임 만들기: 1

- 게임 플레이

- 게임의 구조

- 게임 설정

- 경계선 그리기

- 점수 표시하기

- 게임 끝내기

- 정리해봅시다

- 프로그래밍 과제

 

17. 뱀 게임 만들기: 2

- 블록 생성자 만들기

- 뱀 만들기

- 뱀 움직이기

- 키보드로 뱀의 방향 설정하기

- 사과 만들기

- 하나로 합치기

- 정리해봅시다

- 프로그래밍 과제

 

마치며: 이후 학습할 내용

용어집

 

 

출판사 리뷰

 

프로그래밍 언어는 일반적인 언어와 비슷합니다. 문법과 어휘를 익혀야 하고 시간도 많이 들여야 합니다. 코드를 많이 작성하고 읽어보는 것이 프로그래밍 능력을 발전시킬 유일한 방법입니다. 이 책에서는 연습문제프로그래밍 과제를 통해 실제로 코드를 작성하고 테스트할 수 있도록 도와줍니다. 책에 등장하는 코드 예제를 직접 입력해보고 테스트해보시길 바랍니다. 책에 실린 코드를 실행해보는 건 프로그래밍을 처음 배울 때 유용한 방법입니다. 나중에 스스로 코드를 작성하기 시작할 즈음에는 프로그래밍에 대한 이해가 더욱 깊어져 있을 것입니다. 코드 작성량이 늘어날수록 자연스럽게 쓰게 되고, 능숙하게 쓰는 수준에 이를 것입니다. 실제 어떻게 동작하는지 완벽히 이해하지 못하겠다면 코드를 약간씩 바꿔보고, 그럴 결과가 어떻게 바뀌는지 확인해보는 것도 좋습니다. 기대한 결과가 나오지 않을 때는 이유를 알아낼 있을지도 확인해보세요. 이 책은 여러분이 자바스크립트의 세계로 가는 데 많은 도움을 줄 것입니다.

 

 

이 책의 대상 독자

 

책은 자바스크립트를 배우고 싶은 분이나 프로그래밍을 처음 시작하는 분을 위해 쓰였습니다. 아이들이 편하게 읽을 있도록 썼지만 사실 나이에 상관없이 누구나 프로그래밍 입문서로 활용해도 좋습니다. 책은 단순 자료형에서 시작해서 복합 자료형, 제어문, 함수에 이르기까지 자바스크립트 관련 지식을 차근차근 쌓을 있게 도와줍니다. 뒤에는 사용자가 마우스를 움직이거나 키보드 키를 누를 반응하는 코드를 작성하는 방법도 배웁니다. 그리고 마지막에는 자바스크립트로 여러분이 상상하는 것은 무엇이든 그리거나 움직이게 하는 캔버스 엘리먼트를 배웁니다. 과정에서 여러분의 프로그래밍 기술을 발전시키고 배운 것을 활용할 있도록 가지 게임도 직접 만들어볼 것입니다.

 

신고
Trackback 0 | Comment 0

 

 

안녕하십니까 우주에 흔적을 남기고픈 IT 열정, 비제이퍼블릭(Bj퍼블릭)’입니다.

 

이번에 저희가 가장 최근에 출간된 신간들을 대상으로 리뷰 이벤트를 실시합니다.

 

리뷰를 원하시는 도서를 골라 신청하시고, 도서를 읽고 인터넷 서점 [YES24]에 리뷰를 올려주신 분들에 한해 저희 비제이퍼블릭에서 출간되었다면 어떤 책이라도 상관없이 읽기 원하시는 도서 한 권을 추가로! 증정해드립니다.

 

(* YES24에 등록된 리뷰만 유효합니다.)

 

많은 참여 부탁드리고, 비제이퍼블릭은 앞으로도 꾸준히 質 좋은 도서를 소개해드릴 수 있도록 최선을 다하겠습니다. 감사합니다!

 

 

이벤트 도서 정보

 

1번. 프로페셔널 TFS

 

2번. 찰스 페졸드의 Programming Windows: C#과 XAML을 이용한 윈도우 앱 개발(6판)

 

3번. 데이터가 보인다: 원리로 깨우치는 데이터 분석 기법

 

4번. 표적형 공격 보안 가이드: APT 공격, 실전 방어 및 대응

 

5번. DOM을 깨우치다: 가치에 대한 완전한 이해

 

이벤트 도서    5 (도서당 3명 추첨)

 

신청기간        2014 1 22(수) ~ 1 28(화) (도서 배송기간: 2월 3 ~ 4)

 

당첨자 발표    1 29(수)

 

리뷰등록 마감 20143월 17일()까지

 

 

신청방법

 

비제이퍼블릭 페이스북 페이지 좋아요 + 이벤트 글 공유 신청양식 참조

 

신청양식

 

1.     페이스북 댓글에 [리뷰를 원하는 이벤트 도서번호], 그리고 [간략한 신청 이유]를 써주시길 바랍니다.

 

     (* 신청은 페이스북 댓글을 통해서만 받습니다.)

 

 

2.     양식작성 후 이메일, ②성명, ③(도서 받으실) 주소, ④(택배를 위한) 전화번호, ⑤리뷰 후 읽기 원하는 도서 제목을 페이스북 메시지로 발송해주시길 바랍니다.

 

(* 연락처는 페이스북 메시지를 통해서만 받습니다.)

 

비제이퍼블릭 전체 도서 확인

 

이벤트 도서 정보

 

1번. 프로페셔널 TFS

 

2번. 찰스 페졸드의 Programming Windows: C#과 XAML을 이용한 윈도우 앱 개발(6판)

 

3번. 데이터가 보인다: 원리로 깨우치는 데이터 분석 기법

 

4번. 표적형 공격 보안 가이드: APT 공격, 실전 방어 및 대응

 

5번. DOM을 깨우치다: 가치에 대한 완전한 이해

 

 

신고
Trackback 0 | Comment 0

 

 

 

멀티 디바이스 웹 최적화를 위한

 

 

반응형 웹 디자인

 

 

저자 야마자키 다이스케

역자 김대희

 

출간예정일 2013821()

정가 24,000

페이지 296

판형 175 * 230

ISBN 978-89-94774-44-2 (93000)

 

키워드 HTML5, CSS3, 웹 최적화, 웹 표준, JavaScript, WordPress, 웹 퍼블리싱

원서정보 レスポンシブWebデザイン

 

관련분류

- 웹기획/디자인 > 웹디자인

- 웹개발 > HTML/CSS

- /컴퓨터/쇼핑몰/게임 > 홈페이지/블로그 > HTML/CSS

 

소스코드 다운로드

 

http://bjpublic.webhard.co.kr

ID: webhard

PASS: webhard

폴더명: 반응형 웹 디자인(소스코드)

 

도서구입

[YES24]  [인터파크도서

 

 

책 소개

 

반응형 디자인이란?

 

화면 사이즈가 다른 디바이스(PC, 태블릿, 스마트폰) 대하여 최적화된 사이트를 구현하기 위한 제작 방법입니다. 미국의 디자이너인 Ethan Marcotte 고안하여 2010 5월에 발표한 것이 시작입니다.

 

반응형 디자인의 최대 특징은 다음의 가지입니다:

 

- 디바이스에 최적화된 페이지를 1개의 HTML 구현함.

- 화면 사이즈를 표준으로 하여 사이트의 전환을 실행함.

 

 

멀티 디바이스 대응이란?

 

사이트의 멀티 디바이스 대응을 한마디로 말하면 다음과 같이 정의할 있습니다.

 

여러 디바이스(기기)에서 정확하게 표시, 이용 가능한 사이트를 제작하는

 

, 사용자가 사용하고 있는 디바이스마다 사이트의 표시 방법을 최적화하는 것이 멀티 디바이스 대응이라고 있습니다. 현재는 PC뿐만이 아니라 스마트폰, 태블릿, 게임기, 텔레비전 여러 디바이스에 브라우저가 탑재되어 있어, 이러한 다양한 디바이스로부터 사이트나 서비스(Facebook이나 Twitter ) 접근하는 유저가 급증하고 있습니다. 때문에, 사이트 제공자는 디바이스에서 정확히 표현하고, 이용할 있는 사이트를 제작하는 것이 필요합니다.

 

멀티 디바이스 대응이라는 말은 수년 전에는 그다지 통용되는 말이 아니었지만, 최근 급속히 인식되고 중요시되고 있습니다.

 

 

현재의 사이트로는 충분하지 않은가?

 

스마트폰이나 태블릿에는 통상 브라우저가 탑재되어 있기 때문에, 일부의 기능을 제외하고 거의 모든 사이트를 조회할 있습니다. 하지만 현재의 사이트의 대부분은 PC에서의 조회를 전제로 제작되고 있기 때문에 주로 아래의 문제 과제가 발생합니다.

 

- 페이지 로딩에 시간이 소요됨

- 페이지 디자인이 크게 작성되어 있어 조회하기 어려움

- 비대응 플러그인이 존재함

 

 

독자대상

초중급

 

 

 

저자소개

 

야마자키 다이스케

 

- 애플리케이션 크리에이터 팀: Venezia-Works 대표

- 주식회사 우오즈 시스템: Web Professional Fellow

- 디지털 헐리우드 강사 (온라인 스쿨: 웹 애플리케이션 강좌, PHP 강좌, 시부야교: 애플리케이션 크리에이터 전공 등 다수)

- @IT [HTML5 어플리케이션 만들자] 기사 연재, 닛케이 소프트웨어, 닛케이 BP,

- Software Design, IT Pro, WebCreators 등의 Web 업계 관련 잡지에서의 정보

- 전달부터 Web 기술자 인재 육성, JointApps 어소시에이션 멤버 참가 등 다방면으로 활동

- impress.js를 간단하게 조작 가능한 [Impress.js design] 등을 오픈 소스로 공개

 

 

 

역자소개

 

김대희

 

2003 강남대학교 컴퓨터 공학 졸업

2006 ~ 2009 ラック 개발부 대리 근무

2010 ~ 2011 CSLAC 개발부 과장 근무

2011 ~ ㈜인포섹 관제사업본부 차장 근무

 

 

 

목차

 

 

서문. 멀티 디바이스 대응: 사이트의 필요성과 과제

 

01. 지금 요구되고 있는 웹 사이트

- 멀티 디바이스 대응이란

- 멀티 디바이스 대응의 필요성

- 현재의 웹 사이트로는 충분하지 않은가

 

02. 멀티 디바이스 대응 방법

- 여러 가지 멀티 디바이스 대응

- 기존 방법의 과제

- 사용자 에이전트에 따른 자동 전환 방법의 장점

---- COLUMN 다양화된 스마트폰 관련 환경

 

 

1. 반응형 웹 디자인의 기본

 

01. 반응형 웹 디자인이란

- 반응형 웹 디자인을 구성하는 기술

- 반응형 웹 디자인의 장점

- 반응형 웹 디자인의 단점

- 반응형 웹 디자인의 구축 사례

---- COLUMN. 반응형 웹 디자인 사이트를 모아놓은 Media Queries

 

02. 미디어 쿼리 사용 방법

- 미디어 쿼리의 기본

- 미디어 쿼리를 사용

- 스타일의 작성 순서

 

03. 플루이드 그리드의 지정

- 플루이드 그리드의 기본

- 고정 레이아웃에 따른 페이지 제작

- 고정 레이아웃에서 가변 레이아웃으로 변환

- 플루이드 그리드와 미디어 쿼리의 조합

 

04. 플루이드 이미지의 지정

 

 

2. 사이트 제작 워크 플로우와 사이트 설계의 기본

 

01. 반응형 웹 디자인의 제작 워크 플로우

- 종래의 제작 워크 플로우와의 차이

---- COLUMN. 와이어 프레임 작성 도구

- 사전 디자인은 필요함

- 올바른 워크 플로우를 위하여

---- COLUMN. Adobe Edge Reflow

 

02. 터치 디바이스용의 디자인

- 터치 디바이스의 특징

---- COLUMN. iOS 휴먼 인터페이스 가이드라인

 

03. 대상 브라우저와 대상 디바이스 결정

- 대응 정도의 수준 분배

- 대상 OS

- 대상 브라우저

---- COLUMN. 구 버전의 IE 대응이 중요

- 대상 디바이스

 

04. Mobile First

- Mobile First인가

- Mobile First의 예

---- COLUMN. 보다 깊은 Mobile First를 배우기 위한 사이트

 

 

3. HTML5 + CSS3의 기초 지식과 기본 코딩

 

01. HTML5 기초 지식

- HTML5

- HTML5 요소, 속성

- HTML5에서 HTML 작성은 어떻게 바뀌는가

---- COLUMN. 애플리케이션이라는 측면에서 본 HTML5

 

02. CSS3 기초 지식

- CSS3에서 추가된 주요 속성

- HTML5 & CSS3의 지원상황 확인

 

03. HTML5 페이지 템플릿 작성

- DOCTYPE 선언과 문자 인코딩 설정

- viewport 설정

- 리셋 CSS 설정

---- COLUMN. 여러 리셋 CSS

- 구 버전 IE에 대응하기 위한 스크립트 로딩

 

04. CSS3 템플릿 작성

- 브레이크 포인트란

- 픽셀 밀도와 devicePixelRatio

---- COLUMN. 고해상도 디스플레이에서 이미지가 희미해지는 문제

- 브레이크 포인트의 결정 방법

---- COLUMN. 기존 사이트 브레이크 포인트를 조사하는 방법

 

 

4. 반응형 웹 사이트 제작 ①

 

01. 사이트 제작 시의 힌트와 실습 개요

- 4장과 5장의 구성

- 실습에서 제작하는 사이트 개요

- HTML 템플릿 작성

- CSS 템플릿 작성

 

02. 헤더 디자인 & 제작

- 헤더 코딩

 

03. 글로벌 내비게이션 디자인 & 제작

- 반응형 웹 디자인의 글로벌 내비게이션

- 글로벌 내비게이션 코딩

 

04. 콘텐츠 영역 디자인 & 제작

- 콘텐츠 영역의 단 구성

- 단 구성 전환 방법

- 콘텐츠 영역 코딩

 

05. 푸터 디자인 & 제작

- 푸터 코딩

---- COLUMN. 가변 레이아웃 + 고정 레이아웃

 

 

5. 반응형 웹 사이트 제작 ②

 

01. 상품 일람 페이지 디자인 & 제작

- 상품 일람 페이지 코딩

 

02. 입력 폼 디자인 & 제작

- 입력 폼 코딩

 

03. 이미지 슬라이드 쇼 도입

---- COLUMN. 템플릿 제네레이터 Responsify

 

 

6. 반응형 웹 사이트 테스트

 

01. 테스트 방법의 개요

- 주요 테스트 방법

- 실제 기기 테스트 방법

---- COLUMN. Windows 7 IE10

 

02. 시뮬레이터와 에뮬레이터에 의한 사이트 테스트

- Chrome Developer Tools

- Coda 2

- IETester

- iOS 시뮬레이터

---- COLUMN. iPhoney

- Android 에뮬레이터

---- COLUMN. 그 밖의 테스트 도구

 

 

7. WordPress를 이용한 구축 및 편리한 도구 & 플러그 인

 

01. Word Press의 템플릿

- 미디어 쿼리 확인과 변경

- viewport 확인과 변경

 

02. WordPress 테마의 이용

---- COLUMN. WordPress 테마를 소개하는 designer themes

 

03. 편리한 도구 & 플러그 인

- RESPONSIVE WEB DESIGN SKETCH SHEETS

- Responsivator

- VIEWPORT RESIZER

- Resizer (Chrome)

---- COLUMN. Firefox 반응형 웹 디자인 지원 도구

 

 

 

출판사 리뷰

 

책은 스마트폰, 태블릿, PC 등의 갖가지 디바이스에 대응하는 사이트를 소스(1개의 HTML 파일)에서 구현하는 제작 방법인반응형 디자인 설명서입니다. 책에서는반응형 web이란 어떠한 제작 방법인가?” “어떻게 구현할 것인가?라는 기본적인 것부터 샘플 사이트의 제작을 통한 구체적인 코딩 방법에 이르기까지, 반응형 디자인에 관한 여러 내용을 상세하게 설명하고 있습니다.

 

디자인 제작을 위한 [헤더], [글로벌 내비게이션], [푸터] 등의 페이지를 구성하는 주요한 요소나 [상품 일람 페이지] [문의 게시판] 주요한 페이지마다 실질적 예와 샘플을 가지고 디자인 시의 사고방식이나 코딩 방법을 친절하게 설명하고 있습니다. 또한 후반부에서는 제작한 사이트를 테스트하는 방법에 대하여 상세하게 설명하고 있습니다. 반응형 디자인 사이트는 특징상 이제까지의 PC 사이트와는 다른 시점의 테스트가 필요하며 독자적인 노하우가 요구됩니다. 책에서는 이러한 것들도 친절하게 설명하므로 PC 사이트 제작 경험자들에게도 읽을 만할 가치가 있는 책이라고 생각합니다. 또한 책의 마지막에는 인기가 높은 CMS(contents management system) [WordPress] 반응형 디자인을 구축하는 방법에 대해서도 간단히 언급하고 있습니다.

 

신고
Trackback 0 | Comments 2

 

 

자바스크립트를 깨우치다

 

: 객체로 풀어보는 JavaScript의 원리

 

저자 코디 린들리

역자 김태곤

 

출간일 2013722()

정가 18,500

 

페이지 204

판형 175 x 230

ISBN 978-89-94774-43-5 (93000)

원서정보 JavaScript Enlightenment

 

예약판매 YES24  인터파크도서 

 

Live Code 링크 다운로드 (현재 계속 오류 등 수정중인 링크이며 출간까지 완료하도록 하겠습니다.)

 

 

Live Code.docx

 

 

 

책 소개

 

 

라이브러리 사용자에서 자바스크립트 개발자로

 

자바스크립트 라이브러리를 사용하고 있는 초중급·중급 자바스크립트 개발자라면, 『자바스크립트를 깨우치다』를 통해 자바스크립트라는 언어를 더욱 깊이 있게 이해하게 될 것이다. 『실전 jQuery 쿡북』(BJ퍼블릭)의 저자이자 자바스크립트 전문가인 코디 린들리가 쓴 이 책은 객체를 중점적으로 살펴보고, 미묘한 차이까지 전달하여 자바스크립트라는 언어에 대해 정확한 관점을 제시하고자 했다.

 

라이브러리와 프레임워크를 사용하면 웹 응용프로그램을 빠르게 만들 수 있으나, 오류가 발생하거나 성능상 문제가 나타나는 경우에는 결국 라이브러리와 프레임워크가 어떻게 동작하는지, 왜 그렇게 동작했는지 알고 있어야 한다. 자동차의 후드를 열 듯, 덮개를 열고 자바스크립트 내부의 원리를 손에 덕지덕지 묻힐 준비가 되었다면 이 책이 여러분을 도와줄 것이다.

 

이 책에서 다루는 내용

 

n  바로 실행해 볼 수 있는 코드와 함께 제공하는 ECMA-262 3판의 간결하고 이해하기 쉬운 요약본이다.

n  자바스크립트 객체 생성 과정을 면밀히 살펴본다.

n  복합 객체, 원시값, 스코프, 상속 등에 대해 배운다.

n  머리 객체의 중요성을 이해할 수 있다.

n  문자열, 숫자, 불리언 객체와 값을 다룬다.

n  null 값과 내장 Math 객체 사용하는 법을 배울 것이다.

n  모질라의 자바스크립트 1.5 참조 문서보다 더 자세히 자바스크립트를 파헤친다.

 

 

"자바스크립트를 사용할 수는 있으나 깊이가 부족하다 느끼는 사람, 라이브러리는 사용해봤지만 라이브러리의 내부 코드는 이해하기 힘든 사람, 다른 언어를 사용하던 개발자로서 자바스크립트의 특성을 빠르게 파악하고 싶은 사람에게는 가치 있는 책이 될 것입니다."

-역자의 글 중에서

 

 

독자대상

 

초중급

 

 

저자소개

 

코디 린들리

 

클라이언트 엔지니어(혹은 프론트엔드 개발자)이자 플래시 개발자다. 웹 개발과 관련된 HTML, CSS, 자바스크립트, 플래시, 클라이언트측 성능 등에 대해 11년 이상 경험을 쌓으며 광범위한 전문 배경지식을 갖추었다. 클라이언트 개발 외에도 인터페이스/인터랙션 디자인을 하며 놀거나 글을 쓰고 여러 컨퍼런스에서 강연을 하곤 한다. 컴퓨터 앞에 앉아있지 않을 때는 아마도 아이다호 주 보이즈 시에서 아내, 아이들과 시간을 보내고 있거나 트라이애슬론 훈련, 스키, 산악 자전거, 암벽 등반, 독서, 영화 감상, 기독교 세계관에 대한 토론 등을 즐기고 있을 것이다.

 

 

 

역자소개

 

김태곤

 

자바스크립트를 주로 사용하는 프론트엔드 개발자. 현재는 뉴욕에 위치한 스타트업 기업 ThingDeamon에서 Fancy(http://www.fancy.com)라는 서비스를 만들고 있으며, NHN에 근무할 때는 스마트 에디터, 진도 자바스크립트 프레임워크, 네이버 지도, XpressEngine 등의 프로젝트에 참여했다. 새로운 것을 공부하는 것만큼 지식을 나누는 것도 좋아해서 매해 꾸준히 강의와 번역을 하고 있으며 『거침없이 배우는 자바스크립트』(지앤선), 『자바스크립트 쿡북』(한빛미디어), 『고성능 자바스크립트 그래픽스』(BJ퍼블릭) 등을 우리말로 옮겼다. 개인 블로그(http://mygony.com)와 트위터(@taggon) 통해 웹 기술과 관련한 글을 전하고 있다.

 

 

 

목차

 

 

Chapter 1. 자바스크립트 객체

 

객체 만들기

자바스크립트 생성자는 객체 인스턴스를 생성하고 반환한다

자바스크립트 네이티브 / 내장 객체 생성자

사용자 정의 객체 생성자 함수

new연산자를 사용한 생성자 인스턴스 생성

리터럴을 사용한 값 생성하기

원시값(=단순값)

원시값 null, undefined, “string”, 10, true, false는 객체가 아니다

원시값은 어떻게 저장복사되는가

원시값은 값 자체를 비교한다

문자열, 숫자, 불리언 원시값을 객체처럼 사용하면 객체처럼 동작한다

복합 객체(=합성 객체)

복합 객체는 어떻게 저장복사되는가

복합 객체는 참조를 비교한다

복합 객체는 동적 속성을 포함한다

typeof 연산자

동적 속성 덕분에 객체 수정이 가능하다

생성자 인스턴스에는 자신의 생성자 함수를 가리키는 속성이 있다

객체가 특정 생성자 함수의 인스턴스인지 확인하기

생성자를 통해 만든 인스턴스에 인스턴스 속성 추가하기

“자바스크립트 객체 “Object( ) 객체의 의미

 

 

Chapter 2. 객체와 속성 다루기

 

복합 객체는 자바스크립트 자료형의 대부분을 속성으로 포함할 수 있다

복합 객체에 다른 객체 포함하기

점 표기법과 각괄호 표기법을 사용한 객체 속성 접근

객체 속성 삭제하기

객체 속성의 참조를 찾는 법

hasOwnProperty를 사용해 프로토타입 체인에서 상속받은 속성인지 확인하기

in연산자를 사용해 객체가 주어진 속성을 포함하는지 확인하기

for in루프를 사용해 객체의 속성 탐색하기

호스트 객체 vs. 네이티브 객체

Underscore.js를 사용한 객체 확장

 

 

Chapter 3. Object( )

 

Object( ) 객체 사용

Object( ) 매개 변수

Object( )의 속성과 메소드

Object( ) 객체 인스턴스의 속성과 메소드

“객체 리터럴을 사용한 Object( ) 객체 생성

모든 객체는 Object.prototype을 상속받는다

 

 

Chapter 4. Function( )

 

Function( ) 객체 사용

Function( ) 매개변수

Function( ) 속성과 메소드

Function( ) 객체의 인스턴스 속성과 메소드

함수는 항상 값을 반환한다

함수는 1급 클래스다(문법은 물론 값으로도)

함수에 매개변수 전달하기

this arguments

arguments.callee속성

함수 인스턴스의 length속성과 arguments.length

함수 매개변수 재정의

함수 완료 전에 반환하기(실행 종료)

함수를 정의하는 세 가지 방법

함수를 호출하는 네 가지 패턴

익명 함수

자기 호출 표현식

자기 호출 익명 함수

함수는 중첩될 수 있다

함수에 함수 전달하기 / 함수에서 함수 반환하기

함수가 정의되기 전에 함수를 호출하기(함수 호이스팅)

함수는 자신을 호출할 수 있다(재귀 호출)

 

 

Chapter 5. 머리/전역 객체

 

머리 객체의 사용

머리 객체에 포함된 전역 함수

머리 객체 vs. 전역 속성, 전역 변수

머리 객체 참조하기

머리 객체는 생략될 수 있다

 

 

Chapter 6. this 키워드

 

this의 사용

this의 값은 어떻게 정해지는가

중첩된 함수의 this는 머리 객체를 참조한다

중첩된 함수 문제는 스코프 체인을 사용해 우회하라

call( ) 또는 apply( )를 사용한 this값 설정

사용자 정의 생성자 함수 내에서 this키워드 사용하기

프로토타입 메소드 안의 this는 생성자 인스턴스를 참조한다

 

 

Chapter 7. 스코프와 클로저

 

자바스크립트의 스코프

자바스크립트에는 블록 스코프가 없다

함수 내에서 변수 선언 시 var를 사용해 스코프 문제 피하기

스코프 체인(문법적 스코프)

스코프 체인을 검색할 때는 가장 처음 발견한 값을 반환한다

스코프는 함수를 정의할 때 결정된다

스코프 체인이 클로저를 만든다

 

 

Chapter 8. 함수의 프로토타입

 

프로토타입 체인

prototype속성이 왜 중요한가

모든 Function( ) 인스턴스에는 prototype속성이 있다

prototype속성은 Object( ) 객체

생성자 함수를 통해 만든 인스턴스는 생성자 함수의 prototype속성과 연결되어 있다

프로토타입 체인의 끝은 Object.prototype이다

프로토타입 체인은 체인에서 제일 먼저 찾은 속성을 반환한다

prototype속성을 새 객체로 대체하면 기본 constructor속성이 삭제된다

프로토타입에서 상속한 속성은 가장 최근의 값을 사용한다

prototype속성을 새 객체로 대체하면 이전에 만든 인스턴스는 갱신되지 않는다

사용자 정의 생성자도 네이티브 생성자처럼 프로토타입을 상속할 수 있다

상속 체인 만들기

 

 

Chapter 9. Array( )

 

Array( ) 객체의 사용

Array( ) 매개변수

Array( ) 속성과 메소드

Array객체 인스턴스의 속성과 메소드

배열 만들기

배열에 값을 추가하고 갱신하기

크기와 색인

미리 설정한 크기로 배열 만들기

배열의 크기를 설정하면 값을 추가하거나 제거할 수 있다

다른 배열을 포함한 배열(다중 배열)

배열을 앞뒤로 훑기

 

 

Chapter 10. String( ) 

 

String( ) 객체의 사용

String( ) 매개변수

String( ) 속성과 메소드

String객체 인스턴스의 속성과 메소드

 

 

Chapter 11. Number( )

 

Number( ) 객체의 사용

정수와 실수

Number( ) 매개변수

Number( ) 속성

Number객체 인스턴스의 속성과 메소드

 

 

Chapter 12. Boolean( )

 

Boolean( ) 객체의 사용

Boolean( ) 매개변수

Boolean( )의 속성과 메소드

Boolean객체 인스턴스의 속성과 메소드

false복합 객체는 true로 변환된다

일부 값은 false이고, 그 외는 true

 

 

Chapter 13. 원시 문자열, 숫자, 불리언값 다루기

 

원시/리터럴 값은 속성에 접근할 때 객체로 변환된다

평소에는 원시 문자열, 숫자, 불리언값을 사용하라

 

 

Chapter 14. Null

 

null값 사용

typeof null==“object”

 

 

Chapter 15. BUndefined

 

undefined

자바스크립트 ECMAScript 3이상에서 undefined는 전역 변수로 선언된다

 

 

Chapter 16. Math 함수

 

내장 Math객체

Math객체의 속성과 메소드

Math는 생성자 함수가 아니다

Math는 변경할 수 없는 상수를 포함한다

 

부록 A. 복습

 

부록B. 마치며

 

 

 

이 책의 구성

 

 

라이브러리는 어떤 면에선 이롭지만 또 어떤 면에서는 해로운블랙박스증후군을 야기한다. 여러 작업들이 빠르고 효율적으로 진행되지만 사용자는 이 동작이 내부적으로 어떻게 진행되는지 그리고 왜 그렇게 되는지 알 수 없다. 그래서 문제가 생기거나 성능이 잘 나오지 않을 때 어떤 부분이 어떻게 문제가 되는지 모른다. 웹 응용프로그램(혹은 근사한 가입폼)을 만들 때 자바스크립트 라이브러리나 프레임워크를 사용하려는 사람은 누구라도 보닛을 열고 엔진이 어떻게 동작하는지 살펴보아야 한다. 이 책은 보닛을 열고 자바스크립트 그 자체를 손에 묻히고자 하는 사람들을 위한 것이다.

 

모질라 재단은 자바스크립트 1.5에 대한 가장 최신의 완벽한 참조 문서를 제공하지만, 사용자들이 참조 문서의 내용을 따라가기 쉽도록 하나의 관점에서 작성된 이해하기 쉬운 문서는 없다. 이 책이 모질라의 참조 문서가 다루는 것 이상의 개념을 설명하는, 자바스크립트에 대해여러분이 꼭 알아야 할 것을 알려주는매뉴얼이 될 것이다.

 

프로그래밍 언어에 대해 다루는 고급 기술 서적 중에는 획일적인 예제와 방향성 없는 이야기만 늘어놓는 경우가 많다. 필자는 방향을 제시하는 간단한 설명을 곁들이는 한편 바로 실행해 볼 수 있는 실제 코드를 제공했다. 이 책에서 도입했던 시도를기술적 저미기(technical thin-slicing)”이라는 용어로 설명하곤 하는데, 이 용어는 복잡한 주제를 쉽게 이해할 수 있는 작은 개념으로 나누어 최소한의 글로 설명하고, 실용적이며 초점이 분명한 예제 코드로 설명을 뒷받침한다는 뜻을 내포하고 있다.

 

 

이 책을 읽어야 할 사람

 

이 책은 두 부류의 사람들을 위한 책이다. 첫 번째 부류는, 자바스크립트 객체를 깊이 있게 배움으로써 자바스크립트에 대한 이해를 공고히 하고 싶은 초급을 벗어난 중급 자바스크립트 개발자다. 두 번째 부류는, 자바스크립트 라이브러리를 매우 잘 사용하며 이제는 커튼 뒤에 숨겨진 면을 살펴보고 싶은 자바스크립트 라이브러리 전문가다. 이 책은 프로그래밍이나 자바스크립트 라이브러리 혹은 자바스크립트를 이제 시작한 초급자들에게는 적합하지 않다.

 

 

 

출판사 리뷰

 

이 책의 목적은 네이티브 자바스크립트 객체를 면밀히 살펴보고, 복합값, 원시값, 범위, 상속, 머리 객체(head object) 등의 미묘한 차이도 알아보는 방식을 통해 독자들에게 자바스크립트의 정확한 세계관을 전달하는 것이다. 이 책은 ECMAScript 3판 명세의 이해하기 쉬운 축소판이 되고자 자바스크립트 객체의 특성에 집중하였다.

 

책에 나오는 예제 코드를 자세히 살펴보자. 처음 설명을 보고서 헷갈리더라도 걱정하지 말고, 코드를 살펴보고 또 수정해 보고 코드의 주석도 다시 읽어보자. 그리고 글에서 설명한 개념이 명확해질 때까지 이 과정을 반복해보자. 프로그래밍 개념을 체득할 때 필요한 것은 설명이 잘 되어 있는 코드를 하나씩 완료해가는 것이다.

 

여러분이 자바스크립트 라이브러리(jQuery, MooTools, Zepto, YUI, Dojo )만 사용해 본 디자이너나 개발자라면, 이 책을 통해 자바스크립트 라이브러리 사용자에서 자바스크립트 개발자로 거듭 났으면 하는 바람이다.

 

신고
Trackback 0 | Comments 4

 

 

 

 

 

고성능 자바스크립트 그래픽스

 

: HTML5 캔버스 + jQuery

 

저자: 라파엘레 체코

역자: 김태곤

출판사: 비제이퍼블릭

출간일: 2012816()

정가: 25,000

페이지: 354p

판형: 175 x 230

ISBN: 978-89-94774-18-3 (93560)

원서정보: Supercharged JavaScript Graphics

 

 

 

책 소개

 

고성능 자바스크립트 그래픽스

 

: HTML5 캔버스 + jQuery

 

“나는 이 책을 읽으며 라파엘레 체코가 본인이 구사하는 기술에 대해 속속들이 잘 알고 있다는 것을 알 수 있었다. 그의 책을 통해 최근 인기 있는 웹 기반 게임들과 UI가 풍부한 애플리케이션들이 어떻게 만들어졌는지 잘 배울 수 있었다.

 

- 셸리 파워즈

《자바스크립트 쿡북》과 《Painting the Web》의 저자

 

HTML5와 웹 브라우저의 성능이 향상된 덕분에 자바스크립트로 고성능 웹 그래픽스도 작성할 수 있게 되었다. 이 책은 여러분에게 자바스크립트, jQuery, DHTML 그리고 HTML5 캔버스를 사용하여 데스크톱과 모바일 기기에서 사용할 수 있는 리치 웹 애플리케이션을 작성하는 방법을 보여줄 것이다.

 

여러분은 실제 현장에서 사용되는 예제를 통해 아케이드 게임, DHTML 효과, 비즈니스 대시보드 등의 애플리케이션에 접근하는 재미있고 유용한 방식을 배울 것이다. 이 책은 복잡한 주제를 쉽게 배울 수 있도록 작은 부분으로 나누어 조목조목 설명했으며, 각 주제가 다음 단계를 배울 수 있는 발판이 되도록 단계적으로 구성되었다.

 

- 자바스크립트 최적화에 대한 이해를 돕고 최적화가 성능에 미치는 영향을 분석한다.

- 전통적인 DHTML jQuery를 병용한 고성능 그래픽스를 제작한다.

- jQuery UI Ext JS 라이브러리를 활용한 고급 UI 기술을 학습한다.

- 충돌 감지, 객체 핸들링, 자바스크립트 스크롤링 기법 등을 활용한 게임을 제작한다.

- 그리기, 색상 채우기, 비트맵, 애니메이션 등 HTML5 캔버스의 기초를 마스터한다.

- 구글 정보 시각화 도구를 사용한 인터랙티브 대시보드를 작성한다.

 

독자대상

중급

 

 

 

저자소개

 

라파엘레 체코 (Raffaele Cecco)

 

유럽 비디오 게임 업계의 베테랑 소프트웨어 개발자다. 런던에 있는 소프트웨어 스튜디오인킹 오브 더 정글(King of the Jungle)’ 사에서 기술 이사를 맡고 있다. 그는 이 회사에서해즈브로(Hasbro)’ 사와버진(Virgin)’ 사 같은 고객을 위한 소프트웨어를 작성해왔다. 현재 라파엘레는 웹 개발자로 지내며 그의 웹 사이트인 www.professorcloud.com에 실험해보는 것을 즐기고 있다.

 

 

 

역자소개

 

김태곤

 

웹 개발자로 지내다가 자바스크립트의 매력에 빠진 후 2006 NHN에 자바스크립트 개발자로 입사하여 네이버 블로그, 스마트 에디터, 진도 자바스크립트 프레임웍, 네이버 지도 등의 프로젝트에 참여하였고, 오픈소스 프로젝트인 XpressEngine에서 선임 개발자로 Ajax UI를 전담하기도 했다. 현재는 미국의 유망 스타트업 기업인 Thing Daemon에서 Fancy라는 서비스를 만들고 있다. 최근에는 웹 브라우저의 한계를 벗어난 HTML5, 자바스크립트 기술에 주목하고 있다.

 

 

 

목차

 

Chapter 1 코드 재사용 및 최적화

속도 개선

최적화 대상과 시기

직접 만드는 코드 프로파일링

자바스크립트 최적화

룩업 테이블

비트 연산자, 정수, 이진수

jQuery DOM 반복 최적화

CSS 스타일 변경 최적화

DOM 삽입 최적화

기타 자료

 

Chapter 2 DHTML 기초

DHTML 스프라이트 만들기

이미지 애니메이션

캡슐화와 그리기 추상화(또는 은닉)

DOM 삽입/삭제 최소화

스프라이트 코드

간단한 스프라이트 프로그램

더 동적인 스프라이트 애니메이션

jQuery 플러그인으로 바꾸기

타이머, 속도, 프레임 레이트

setInterval setTimeout 사용

시간 정밀도

일정한 속도 유지

인터넷 익스플로러 6 배경 이미지 캐싱

 

Chapter 3 스크롤링

CSS만 사용한 스크롤링 효과

자바스크립트를 사용한 스크롤링

배경 이미지 스크롤링

타일 기반 이미지 스크롤링

 

Chapter 4 고급 UI

HTML5

자바스크립트 UI 라이브러리 사용

jQuery UI를 사용한 웹 인터페이스 개선

Ext JS를 사용한 견고한 UI

UI 요소 직접 만들기

3D 회전목마 만들기

 

Chapter 5 자바스크립트 게임 입문

게임 객체

게임 코드

게임 전역 변수

키 읽기

객체 움직이기

간단한 애니메이터

충돌 감지

외계인

플레이어

방패

의문의 비행접시

게임

모두 하나로 합치기

 

Chapter 6 HTML5 캔버스

캔버스 지원

비트맵, 벡터 또는 둘 다?

캔버스의 제약 사항

캔버스 vs SVG

캔버스 vs 어도비 플래시

캔버스 저작도구

캔버스 기초

캔버스 요소

드로잉 컨텍스트

사각형 그리기

직선과 곡선을 사용해 패스 그리기

비트맵 이미지 그리기

색상, 외곽선, 채우기

캔버스 애니메이션

캔버스와 재귀 드로잉

캔버스 나무 페이지

DHTML 스프라이트를 캔버스 스프라이트로 대체하기

새로 작성한 CanvasSprite 객체

코드에서 바뀐 부분

캔버스와 웹 소켓을 사용한 그래픽 채팅 프로그램

웹 소켓의 장점

웹 소켓 지원과 보안

채팅 프로그램

 

Chapter 7 게임과 시뮬레이션을 위한 벡터

벡터 연산

덧셈과 뺄셈

크기 조절

정규화

회전

스칼라곱

자바스크립트 벡터 객체 만들기

벡터를 사용한 대포 시뮬레이션

시뮬레이션 전역 변수

대포알

대포

배경

메인 루프

페이지 구조

로켓 시뮬레이션

게임 객체

장애물 객체

로켓 객체

배경

충돌 감지와 반응

페이지 구조

개선 및 수정 사항

 

Chapter 8 구글 시각화 도구

제약 사항

차트 용어

이미지 차트

데이터 형식과 차트 해상도

동적인 데이터 사용

요약

인터랙티브 차트

인터랙티브 차트 이벤트

 

Chapter 9 jQuery Mobile을 이용한 모바일 프로그램

jQuery Mobile

모바일 웹 프로그램 TilePic

TilePic 게임 설명

TilePic 게임 코드

폰갭

 

Chapter 10 폰갭을 사용한 안드로이드 앱 제작

폰갭 설치

자바 JDK 설치

안드로이드 SDK 설치

이클립스 설치

안드로이드 개발 도구 설치

폰갭 설치

이클립스에서 폰갭 프로젝트 생성

App.java 파일 수정

AndroidManifest.xml 파일 수정

간단한 웹 프로그램 작성 및 테스트

TilePic 앱 테스트

 

 

 

출판사 리뷰

 

이 책은 자바스크립트에 대해 어느 정도 이해하고 있으며 단순한 호버(hover) 효과나 jQuery 같은 라이브러리에서 제공하는 애니메이션 기능 이상의 그래픽 프로그래밍을 경험하고 싶은 사람들에게 적합하다. 이 책을 통해 다룰 그래픽 관련 주제는 다음과 같다:

 

-       코드 재사용과 최적화. 상속 기법과 성능 향상 팁 포함

-       일반적인 DOM의 깜짝놀랄만한 그래픽 활용 (DHTML)

-       더 나은 그래픽을 위한 캔버스 요소 사용

-       비디오 게임 제작

-       수학을 사용한 창의적인 그래픽과 애니메이션

-       구글 시각화 API(Google Visualizations API)와 구글 차트 도구(Google Chart Tools)를 사용한 데이터 표현

-       효율적인 jQuery 사용과 그래픽 지향 jQuery 플러그인 개발

-       jQuery Mobile(모바일)을 사용한 모바일 기기용 그래픽 웹 응용프로그램 작성

-       PhoneGap(폰갭)을 사용해 웹 응용프로그램을 네이티브 안드로이드 응용프로그램으로 만들기

 

 

독자 대상

 

이 책의 독자는 웹 사이트와 웹 응용프로그램 제작에 대해 실무적인 지식을 가지고 있어야 한다. 특히 자바스크립트를 잘 사용할 수 있다고 가정한다.

 

jQuery를 사용하면 개발을 더 빨리 할 수 있어서 필자는 jQuery를 즐겨 사용한다. 이 책에 수록된 대부분의 예제 코드는 jQuery를 기본으로 포함한다. 일반적으로 외부 라이브러리 등을 사용할 때는 구글과 같은 믿을만한 콘텐츠 전송 네트워크(Content Delivery Network, CDN)에 있는 파일을 참조했으므로 별도의 웹 서버에 파일을 복사하지 않아도 된다.

 

수학은 최소한만 사용하려고 했으나 일부 예제에서는 기본적인 벡터와 삼각법을 사용했다.

 

 

책의 구성

 

이 책은 여러 분야에 대해 빠르게 살펴볼 수 있도록 구성되어 첫 번째 그래픽 프로그래밍 예제가 1장에 나타난다.

 

그 뒤의 장에서는 다양한 그래픽 관련 주제들을 다루고, 특히 웹 응용프로그램의 시각적인 부분과 인터랙티브함을 향상시킬 수 있는 주제를 주로 다룰 것이다.

 

인터랙티브 그래픽을 다루는 책들은 모두 비디오 게임에 대해 다루는데, 이 책 역시 완전한 비디오 게임을 하나 만들면서 스프라이트, 스크롤링 등과 같이 게임 프로젝트에 유용한 기능을 살펴본다.

 

각 장에서 다루는 주제는 다음과 같이 요약할 수 있다:

 

1. 코드 재사용과 최적화

성능이 중요한 그래픽 기반 응용프로그램에 유용한 코드 최적화(jQuery 최적화 포함)와 자바스크립트 객체 지향 프로그래밍 기법에 대해 다룬다. 또한 자바스크립트 바이너리 연산자와 이를 사용한 최적화 방법에 대해서도 다룰 것이다.

 

2. DHTML 기초

일반적인 DOM 관리(DHTML)를 사용해 빠르게 움직이는 그래픽을 구현하는 방법을 보여준다. (게임과 여러 효과에 유용한) 스프라이트 시스템을 개발하고 이 시스템을 jQuery 플러그인으로 만들어본다.

 

3. 스크롤링

시차(視差) 효과 등 기본적인 CSS 스크롤링 기법을 다룬다. 그 후 자바스크립트로 다루는 스크롤링 기법부터 타일 기반의 빠른 시차 스크롤링 시스템을 살펴본다. 강력한 타일맵 편집기를 소개하고, 타일 기반 맵 작성법을 보여준다.

 

4. 고급 UI

jQuery UI Ext JS 같은 사용자 인터페이스 라이브러리를 살펴본다. 두 라이브러리의 차이점 및 어떤 종류의 응용프로그램에 적합한지 알아보는 한편, 기존의 UI 라이브러리를 사용해 3D 이미지 회전 컴포넌트를 작성한다.

 

5. 자바스크립트 게임 입문

플래시와 같은 외부 플러그인에 의존하지 않는 게임 제작 방법을 보여준다. 충돌 감지와 객체 조작 등의 기법에 대해서도 다룰 것이다. 여기서 배운 실무 기법들을 활용해 레트로 스타일(retro-style) 아케이드 게임을 만든다.

 

6. HTML5 캔버스

캔버스(Canvas) 요소에 대해 다양한 예제와 더불어 심도있게 다룬다. 예제로는 캔버스와 웹소켓(WebSocket)을 사용한 그래픽 채팅 프로그램 개발 방법 등이 있다. 기본적인 그리기, , 채우기, 그래디언트, 재귀적인 그리기, 비트맵, 애니메이션 등 다양한 주제에 통해 캔버스를 배워볼 것이다.

 

7. 게임과 시뮬레이션을 위한 벡터

그래픽 어플리케이션과 게임에서 사용되는 2D 벡터에 대해 다룬다. 약간의 수학으로도 많은 일이 가능하다는 것을 알게 될 것이다.  실제와 같은 움직임을 구현한 대포, 로켓 시뮬레이션을 예제로 만날 수 있다.

 

8. 구글 시각화 도구

이 장에서는 구글 차트 도구에 대해 알아본다. 구글 차트 도구는 거의 모든 종류의 데이터에 역동적인 효과를 추가할 수 있는 데이터 시각화 도구이다. 막대 차트부터 구글--미터(Google-O-Meter) 차트까지, 이 장에서는 정적이거나 인터랙티브한 차트를 포함해 여러 그래픽 시각화 도구를 다룰 것이다. 또한 차트 도구를 사용해서 올바른 방법으로 데이터를 정형화하는 방법도 다룬다.

 

9. jQuery Mobile을 사용한 모바일 개발

jQuery Mobile jQuery를 기반으로 작성된 프레임웍으로서, 통일된 사용자 인터페이스를 모바일 웹 응용프로그램에 제공한다. 평범한 HTML 페이지를 인터랙티브하고 활력넘치는 모바일 경험으로 바꾸어 놓기도 한다. 이 장에서는 jQuery UI와 모바일 기기에 최적화된 그래픽 슬라이딩 퍼즐 게임을 개발하는 과정에 대해 다룰 것이다.

 

10. PhoneGap을 사용한 안드로이드 앱 제작

웹 개발 기술만 가지고 네이티브 모바일 응용프로그램을 만들고 싶다면? PhoneGap(폰갭)이 도움이 될 것이다. 이 장은 네이티브 안드로이드 응용프로그램을 만들기 위해 PhoneGap을 설치하고 설정하는 방법에 대해 설명하고, 앞서 9장에서 작성한 슬라이딩 퍼즐 게임을 모바일 기기에 배포할 수 있는 네이티브 앱으로 바꿀 것이다.

 

신고
Trackback 0 | Comment 0

실전 jQuery 쿡북: Taeyo's Choice』의 출간 당시 출간 기념으로 YES24의 협찬으로 10부를 독자들에게 증정하여 도서 리뷰를 받는 이벤트를 실시했었습니다.
http://bit.ly/avpB7j

현재 내일(목)까지가 이 책의 리뷰기간이 만료가 되는 시점이라서 그런지 근 한달 동안 도서를 읽어본 독자분들께서 한 명, 두 명 리뷰를 올려주시고 계신 것 같습니다.

저와 역자/감수자뿐만 아니라 이 책을 출간하기 위해 함께 작업한 모든 분들이 매우 신경을 쓰고 출간을 한 책이라 리뷰 내용들을 정말 학수고대하며 기다리고 있었는데, 그 이상 좋은 리뷰들을 남겨 주셔서 아직 이 책을 접하지 못하신 독자분들들 위해 이곳에 리뷰마다 핵심만 골라서 소개를 해 드릴려고 합니다.

리뷰의 전체 내용은 다음 링크에서 확인이 가능합니다.
http://www.yes24.com/24/goods/3903461


좀더나은내일 님의 리뷰:

 

jquery는 jquery.org 사이트에서 간단한 예제만 가져다 쓰는 수준이었다. 웹사이트에 반영을 하면서도
현재 적용한 프로그램이 과연 적절한것일까? 최적의 성능을 보장할까? 스스로에 대한 많은 의심을 하였었다. 그러나, 이 책을 다 보고나니 개인적으로는 jquery에 대해 어느 부분을 알고 있고, 어느 부분이 부족한지 대해 스스로 파악할 수 있는 계기가 되었다.

jquery를 접해 보았지만, 단순하게만 사용 했고 가볍게만 여겼던 초보자에게 정말 유용할 것이라 생각하고 짧지만 jquery에 대한 소개부터 기초 부분을 담고 있어 초보자에 대한 배려도 느낄수 있었다.

이번 책은 [실전 jquery 쿡북]이라는 이름답게 jquery를 폭넓게 이해하고 실전에서 최적화된 코드를 작성하는데 도움을 줄 것이라 생각한다.

원문보기 http://bit.ly/c2086B


순리순풍 님의 리뷰:

외국에서 극찬받았다는 jQuery Cookbook 이다. 이 책은 jQuery 를 100% 잘 활용할수 있도록 저자가 열심히 설명을 잘한 책이라고 느껴진다. 활용에만 중점을 두지 않고, 이해를 더 할수 있게 했고 각 용법에 대해서 깊이 있게 알려주려는 저자의 진심을 알 수 있다.

인터넷을 떠도는 자바스크립트 내용을 이해하기 어렵다는 이유로 그냥 인용해서 썼는데, 이 책을 보면서 자신감을 갖게 되었다. 번역서임에도 불구하고 난해한 오역이 없는 좋은 책으로 추천하고 싶다.

원문보기 http://bit.ly/divYop


문워커 님의 리뷰:

최근 웹 표준의 새 바람과 함께 Javascript 언어의 인기가 급부상하면서 양질의 Framework들이 쏟아져 나오고, 있는데 그중 당연 최고의 인기를 구가하고 있는 Framework를 말하라면 서슴없이 jQuery를 꼽을 수 있다.

요새 인터넷에서 읽어 볼만한 javascript 관련 글 들은 아예 jQuery를 사용하였다는 부연 설명도 없이$가 난무하는 예제를 쏟아 낸다. jQuery를 모르는 사람이면, 당황할 수밖에 없는 노릇이다. 그 정도로, 이제 jQuery는 개발환경 깊숙이 뿌리를 박았다.

 "실전 jQuery 쿡북"은 이런 jQuery를 익히기에 모자람이 없는 책이라 생각된다. 책의 구성은 "쿡북"을 표방하는 책 답게 레시피의 묶음 구성을 하고 있다. 그럼 이 책은 jQuery의 기초 정도는 때고 봐야 이해가 되는 책이 아닐까?

아니다. 마냥 문제를 사례 별로 죽 늘어 놓기만 한 책이 아니다. 책을 읽어며 살짝 감동받은 부분이기도 한데.. 문제의 선별과 유형별 정리 그리고 순서가 참으로 치밀하다.

항목별로는 문제와 해결의 연속이지만, 전체적인 구성은 jQuery가 뭔지 모르는 사람도 앞에서 부터 차근히 읽어 나가면서 학습할 수 있는 교과서적인 구성인 것이다. 때문에 jQuery초보자에게는 학습서로써, 중급자에게는 참고서로써 활용할 수 있다.

원문보기 http://bit.ly/93VQwQ


shooter100 님의 리뷰:

jQuery를 실무에 적용하면서 어느정도 잘 다룬다고 생각했었는데, 그래도 항상 플러그인 제작이란든가 고급 기능에 대해서는 잘 쓰지 못하는 수준이었다. 그러던 중 우리나라 최대 개발자 커뮤니티인 taeyo.net 시삽진들이 jQuery cookbook 번역본을 낸다는 소식을 들었다. 단순이 번역뿐 아니라 원서에 없는 1.4에 대한 내용까지... 정말 흥분하지 않을수 없었다.

책을 보면서 간과했던 기초부분을 더욱더 다질수 있었으며 성능 향상을 위한 팁, 코드의 간결화,효과와 이벤트에 대한 처리, HTML 폼 기능 강화, 플러그인, UI, 단위 테스트 등등 그동안 부족한 부분을 채울수 있는 좋은 기회가 되었던거 같다.

이책은 비단 중급이상만 볼수 있는게 아니라 초보자까지 배려한 책이이어서 누군가 jQuery에 대한 책을 부탁한다면 주저없이 추천하고 싶은 책이다.

원문보기 http://bit.ly/9cgzbd


gongguri 님의 리뷰:

평자는 자바스크립트를 가장 오래 써왔기 때문에 자바스크립트에 대한 이해는 깊은 편이나 최근 유행하는 여러 자바스크립트 프레임워크에 대한 이해도는 상대적으로 떨어지는 편이다. JQuery는 이름 정도를 알고 있는 수준이라 JQuery에 대해서 아무것도 모르는 상태에서 이 책을 접했다고 봐야 할 것이다.

보통 쿡북이나 레시피 형식의 책을 보고 감동을 받지 않는 스타일인데, 감탄사가 나올 정도의 우아함을 발견할 수 있어 즐거웠다.

반면, 이런 레시피 형식의 책들이 가지고 있는 문제점을 집고 넘어가야 할 것 같은데, 해결 방법에 중심을 둬서 기반 기술에 대한 지식이 없을 경우 제시한 해결 방법에 대한 응용된 해결 방법을 도출할 없다는 단점도 있을 수 있다. 해결방법의 고착화라고나 할까? 이 책을 읽으면서도 JQuery의 강력한 기능은 마음껏 경험할 수 있었지만, JQuery라는 숲을 보기에는 부족함 감을 느꼈다. 책의 성격이 가진 한계와 개인적으로 JQuery에 대해 무지함이 결합된 결과라고 생각된다.

총평을 하자면, 훌륭한 책에 매끄러운 번역, 정돈되고 편안한 편집이 조화를 이룬 책이라고 할 수 있겠다. 하지만, 초/중급이라는 랭크 표시에 속으면 안 된다. 이 책은 기본적으로 자바스크립트에 대한 지식을 가진 분들을 위한 책이고 자바스크립트를 시작하기 위한 책은 아니다. 기초를 다진 후 볼 만한 책이라 하겠다.

원문보기 http://bit.ly/dubZPY

본 도서에 대한 자세한 정보(목차, 도서 내용, 특징, 저역자/감수자 정보, 아마존 리뷰, 샘플 챕터, 소스코드 등)는 다음 링크에서 확인 가능합니다.
http://bjpublic.tistory.com/92

신고
Trackback 0 | Comment 0

1. 이전에 [웹 디자이너/개발자가 봐두어야 할 35개의 jQuery 튜토리얼]을 한번 소개해 드린 적이 있었습니다. http://bjpublic.tistory.com/88

같이 사이트에 있는 <jQuery 튜터리얼>을 몇개 더 소개해 드립니다.
Animated Landscape Using CSS and jQuery
Create animated vertical Menu Using Jquery
Jquery Plus Wordpress : Plugins and Tutorials
Jquery Tutorial : Toggle Effect on Hover/Click

2. 이번주 토요일 Taeyo.NET에서 주관하는 [실전 jQuery 세미나]가 한국 마이크로소프트에서 개최될 예정입니다. 세미나에서 대한 자세한 사항은 다음 링크에서 확인 부탁드리겠습니다. http://bit.ly/b4ZBj2

장소 : 한국 마이크로소프트 세미나실(선릉 포스코빌딩 서관 5층)
일시 : 2010년 7월 10일 토요일 오후 1시 (접수는 1시, 시작은 2시)

세션 1 : jQuery 확장 플러그인 만들기
발표자 : 김태영
시간 : 2:00 - 3:00

세션 2 : jQuery의 Event 다루기
시간 : 3:15 - 4:15
발표자 : 김경균

세션 3 : jQuery와 QUnit을 이용한 단위 테스트
시간 : 4:30 - 5:30
발표자 : 최지훈

세분 모두 Taeyo.NET의 운영자, 시삽이자 저희 <실전 jQuery 쿡북>의 역자이시기도 합니다. 저희 비제이퍼블릭에서도 세미나 참여자를 위한 추첨 증정을 위해 다음의 도서들을 각 5부씩 제공해 드리기로 하였습니다. 닷넷 개발자이던, 자바 개발자이던 jQuery의 고급 기법에 관심이 있으신 분들에게 많은 도움이 되지 않을까 싶습니다.

JQUERY쿡북TAEYOSCHOICE
카테고리 컴퓨터/IT > 프로그래밍/언어 > 프로그래밍일반
지은이 JQUERY 코어 커뮤니티 (비제이퍼블릭, 2010년)
상세보기

프로ASP.NETMVC프레임워크
카테고리 컴퓨터/IT > 프로그래밍/언어 > 웹프로그래밍 > ASP
지은이 스티븐 샌더슨 (비제이퍼블릭, 2009년)
상세보기

인사이드윈도우즈포렌식디지털해킹분석및대응의기술
카테고리 컴퓨터/IT > 네트워크/보안 > 네트워크 > 네트워크일반
지은이 할랜 카비 (비제이퍼블릭, 2010년)
상세보기




신고
Trackback 0 | Comment 0
<실전 jQuery 쿡북: Taey's Choice>가 출간이 되자마자 독자 여러분들의 성원에 힘입어 서점들의 컴퓨터 분야 메인에서 당당히! 그 자태(?)를 뽑내고 있습니다. 주말까지의 서점 등록 현황을 한번 살펴보았습니다.

1. 인터파크: 컴퓨터 분야 메인 [북마스터 추천도서] 부문 


2. YES 24: 컴퓨터 분야 메인 [MD 추천도서] 부문


3. 교보문고: 컴퓨터 분야 메인 [스페셜 북] 부문


4. 강컴: 메인 [TODAY's BOOK] 부문


5. 도서 11번가: 컴퓨터 분야 메인 [MD's 추천도서] 부문

 
본 도서는 역자들이 소속되어 있는 사이트 Taeyo.NET에서 내용에 대한 궁금한 점을 Q&A 하실 수 있는 [jQuery & Script] 게시판이 마련되어 있으니 조금이라도 의문이 가는 부분이 있으시면 언젠든지 전문가들의 조언을 구하실 수 있습니다.

[Taeyo.NET의 jQuery 세미나]
현재 본 도서의 역자인 김경균, 최지훈, 그리고 편역/감수자인 김태영(Taeyo) 님께서 오는 7월 10일
jQuery 세미나를 진행할 예정이오니 많은 참여 바랍니다.

세미나에 대한 자세한 사항은 다음 링크를 참조해 주시길 바랍니다.
http://www.taeyo.net/Forum/Content.aspx?TBL=NOTICE&SEQ=383&PGN=1




신고
Trackback 0 | Comment 0



많이들 기다리셨죠?(음...어째 저만 기다리고 있었던것 같은...^^;)

드디어실전 jQuery 쿡북: Taeyo's Choice』가 오늘 출간이 되어 각 인터넷 및 대형 서점에서 판매를 시작하게 되었습니다. 이에, 도서 및 jQuery 와 관련된 정보들은 한눈에 살펴보실 수 있도록 한번 정리해 보았습니다.

☞도서의 자세한 내용은 다음 링크에서 확인하실 수 있습니다.
http://bjpublic.tistory.com/83
http://bjpublic.tistory.com/84


☞이곳에서는 현재 도서의 <12장. jQuery 플러그인들>을 공개하고 있고 또한 소스코드도 다운로드가 가능합니다.
http://bjpublic.tistory.com/90


☞『실전 jQuery 쿡북: Taeyo's Choice』은 O'Reilly 출판사의 [jQuery Cookbook]의 번역서입니다. 본 도서의 찬란한(?) 원서 리뷰평은 다음 링크에서 확인하실 수 있습니다(한글).

http://bjpublic.tistory.com/87


☞현재 아주~ 좋은 기회로 저렴하게 도서를 구입할 수 있는 이벤트가 아직 진행이 되고 있습니다. 인터파크와 역자와 편역자가 활동을 하고 있는 태오닷넷(http://taeyo.net)이 함께 쿠폰 이벤트를 실시하고 있습니다. 다음 링크에서 참여방법을 확인하실 수 있습니다.
http://www.taeyo.net/Forum/Content.aspx?TBL=NOTICE&SEQ=380&PGN=1


☞인터파크에 질쏘냐! YES24에서도 10분을 추첨하여 도서를 증정해 드리는 리뷰 이벤트를 진행하고 있습니다. 서두르셔야 할 것 같습니다. 이벤트가 내일까지 입니다.^^
http://club.yes24.com/club/club_BoardList.aspx?clubid=computerevent&brdNo=5193


아울러, 현재 Taeyo.NET의 jQuery 강좌도 관심있으신 분들은 한번 둘러보시길 바랍니다.
http://www.taeyo.net/Columns/List.aspx?SEQ=29&IDX=1


☞다음은 웹 디자이너/개발자가 봐두어야 할 35개의 jQuery 튜토리얼이라고 합니다.
http://bjpublic.tistory.com/88




신고
Trackback 0 | Comments 3

12월 24일 출간 예정인(현재 인터넷 서점 예약판매 중) 『실전 jQuery 쿡북: Taeyo's Choice』의 <12장. jQuery 플러그인들>을 현재 태오닷넷 사이트를 통해서 공개중에 있습니다.
[도서내용 자세히 보기]

<12장. jQuery 플러그인들 파트1 보러가기>
<12장. jQuery 플러그인들 파트2 보러가기>

본 도서는 태오닷넷(http://taeyo.net)에서 운영진으로 활동중이신 김경균 MVP(ASP/ASP.NET 분야)님과 최지훈 MVP(ASP/ASP.NET 분야)님께서 번역을 하시고, 운영자인 태오, 김태영 MVP Insider(ASP/ASP.NET 분야)님이 편역 및 감수를 맡았습니다.  [태오닷넷의 역자 정보 보기]  

또한 이 책은 태오닷넷의 [jQuery 게시판](출간 시점 개설 예정)에서 책을 읽으면서 막히거나 궁금한 점들을 Q/A를 통해 함께 해결할 수 있도록 준비될 예정입니다.


    이 책은 O'Reilly 출판사의 [jQuery Cookbook]의 번역서로써 원서는 amazon.com의 웹개발 > 프로그래밍 분야의 베스트셀러입니다.  [Web Development > Programming]

원서의 경우 책의 내용이 v1.3.2에 맞추어 있지만 ,이번 번역서는 역/편역자가 모두 1.4.x 버전의 내용으로 증보를 하여 국내 첫 jQeury 1.4.x 도서가 될 예정입니다. 그러나, 사실상 레시피 스타일의 쿡북이라 버전 차이에 영향이 없고 닷넷개발자던 자바개발자던 PHP 개발자던 무관하게 다 보실 수 있습니다.

현재 위의 그림에서 보이듯이, 예약 판매 시작과 함께 아직 출간이 되지 않은 상태에서 인터파크의 전체 컴퓨터 분야 1위를 차지하고 있을 만큼 개발자분들의 많은 관심을 받고 있는 도서이기도 합니다.

예약판매 바로가기 [예스24]  [인터파크]  [교보문고]   [강컴]   [도서11번가]  [알라딘]

도서의 예제 소스코드를 홈페이지(http://www.bjpublic.co.kr) 메뉴의 [다운로드] -> [소스코드다운로드]에 업로드하였습니다. 회원가입 없이도 다운로드가 가능하니 도서와 함께 많은 도움이 되길 바랍니다.


신고
Trackback 0 | Comment 0

퍼블릭's Blog is powered by Daum & tistory