한빛미디어

플래시의 시대가 끝나고
jquery로 웹 상의 인터랙티브함을 플래시 대신 구현하고자 할 때
처음에는 꽤나 막막했습니다.

무료로 된 코드를 복사해다가
아이디와 클래스명,
기타 사소한 사이즈, 페이드 모션 등
제가 제작한 사이트에 맞춰어서 변경하는 것이
시간이 꽤나 많이 걸렸어요.

차라리 내가 처음부터 다 써내려간다면
이렇게 답답하진 않겠다, 싶었습니다.
저 같은 고민 해보신 코더 분들 많이 계시겠죠? ^^




제이쿼리 책, 넘어서 자바스크립트 책까지 이것저것 뒤적이기 시작했는데,

아주 반가운 책이 나와있네요!



한빛 미디어에서 출간한" jQuery 최고의 교과서"는 그 이름값을 톡톡히 해내는 것 같네요.


이 책의 덕목은 다음과 같습니다.

1. html, css를 배웠다면, jquery 코딩 전혀 몰라도 배울 수 있다.

2. 웹디자이너, 퍼블리셔가 한 번쯤 구사해보고 싶었던 핫한 제이쿼리 예제가 많다.

3. 단순히 예제의 보고로 쓸 책이 아니라, 나도 내 제이쿼리 라이브러리를 만들 수 있도록 기본기를 탄탄히 할 수 있다.

4. (무엇보다, 가장 좋으 점!!!) 웹디자인 회사에서, 웹디자이너의 번역을 거쳐 출간 된 책이라 그런지
웹디자이너 입장에서 궁금했던 점, 알아듣기 어려웠던 부분을 쉽게 이해시켜준다.



일을 하다보니 디자이너는 이미지로 이해하고 개발자는 자료 구조로 웹 페이지를 이해하더군요.
개발자의 시선에서 쓰여진 책들은 구조를 충실히 이해시키고자 하는 반면,
어떤 측면에서 디자이너의 진도가 잘 안나가는지를 잘 놓쳤던 것 같아요.


이 책은 그런 측면에서 웹디자이너의 가려운 곳을 잘 긁어줍니다.


한번만 쭈-욱- 코딩을 따라 치시다보면
제이쿼리의 문법, 자주 쓰는 라이브러리 다 구조가 보이고
자바스크립트에 도전해 볼 용기(?)가 생기시리라 믿어요.


책의 구성이 궁금하실 수 있는 분들을 위해서 목차를 보여드려요.


빨리빨리 결과를 눈으로 먼저 확인하고 싶으신 분들은 3~7장을 먼저 도전해보세요.

이해하기 쉽게 쓰여진 파란색부터 도전하셔도 무리가 없습니다~ ^^


1장 jQuery 기초와 이 책의 특징

1-1 jQuery 기초 지식

1-2 이 책의 목적과 구성

1-3 jQuery 실행 환경 구축

1-4 디버그 방법



2장 3단계로 배우는 간단한 jQuery 입문

2-1 실습 시작하기

2-2 CSS 스타일 변경하기

2-3 실행 싲점 제어하기

2-4 애니메이션 효과 구현하기


3장 jQuery기본

3-1 데이터를 저장하는 다양한 그릇

3-2특정 기능을 정의하는 함수

3-3 범위와 명명 규칙

3-4 연산자

3-5 주요 제어문




4장 기초를 확실히 다지는 jQuery의 기본 테크닉

4-1 다양한 호버 효과로 배우는 움직임 표현

4-2 이미지와 캡션 표현

4-3 원형 버튼 레이아웃

4-4 버튼을 누르면 나타나거나 숨는 사이드바

4-5 타이포그래피 표현




5장 활용도가 높은 jQuery 필수 테크닉

5-1 부드럽게 움직이는 슬라이드 쇼

5-2 다양한 기능을 포함한 슬라이드 쇼

5-3 상단에 고정되는 헤더

5-4 디자인이 변하는 고정 헤더

5-5 화면 영역을 활용하는 탭메뉴

5-6 강력한 기능을 포함한 확장 탭 메뉴

5-7 부드러운 스크롤 효과

5-8 기능을 확장한 부드러운 스크롤




6장 수준 높은 갤러리 페이지 만들기

6-1 갤러리 페이지의 전체 모습

6-2 간단한 갤러리 페이지 만들기

6-3 필터링 기능이 추가된 갤러리 페이지 만들기

6-4 선택한 이미지를 확대하고 캡션 추가하기

6-5 마우스 이동 방향에 따라 호버 효과 추가하기




7장 jQuery를 활용한 다양한 웹 페이지 표현 방법

7-1 이미지 로딩 진행률 표시하기

7-2 이미지 시퀀스 애니이션

7-3 회전 애니메이션 효과를 적용한 인포그래픽

7-4 마스크 애니메이션

부록 jQuery 메서드와 CSS 선택자


저에게 도움이 많이 된 부분은 3,4,7장과 부록이었는데요,
어느정도 구현을 할 줄은 알았지만

3, 4장을 통해
뒤죽박죽이었던 메소드와 속성들이
머릿속에 깨끗하게 정리된 느낌입니다.

그리고 7장과 같은 내용은,
요즘 어드민 부분에서 데이터 율을 표시해야 하는 경우가 생겨서
꼭 시도해 보고 싶었던 부분이었어요.

예를 들면
하루 이용자 1,234명 재방문율 66.7% 이런 숫자들이 카운팅 될때

원의 둘레도 같이 애니메이션으로 올라가는~ ㅎㅎ
(인포그래피 좀 좋아해서요 ;;
플랫 디자인과 함께 배치하면 좋은 코딩 요소이기도 하고~!)

스크립트를 전공으로 배웠던 사람이 아닌지라

아무래도 어떤 메소드가 있는지 파악하기가 쉽지 않았는데
부록을 통해서
메소드의 종류와 기능들을 알게 되니 훨씬 접근하기가 쉬워지네요.

(달달 외우는 것의 나의 몫? 으응?!!)
책의 예제를 다 활용해 보시고 나서 부록도 관심있게 보시면 좋겠네요~

그럼, "jQuery 최고의 교과서"와 함께 즐거운 코딩 되시길 바랍니다.