Head First jQuery: 자바스크립트를 몰라도 배울 수 있는 제이쿼리

서문
__ jQuery에 임하는 여러분의 두뇌. 우리는 두뇌가 방해를 받아서 학습이 잘 되지 않을 때에도 무언가 배우려고 노력합니다. 여러분의 두뇌는 '어떤 야생 동물을 피해야 할 것인지, 벌거벗고 스노보드를 타는 것이 나쁜 생각인지 아닌지와 같은 좀 더 중요한 일을 결정하기 위해 여유 공간이 있어야 한다'고 생각합니다. 그렇다면 여러분의 두뇌로 하여금 jQuery를 이해하는 것이 살아가는 데 매우 중요한 일이라고 느끼게 하려면 어떻게 해야 할까요?

1 장 jQuery를 시작합니다: 웹 페이지 액션
__당신은 웹 페이지에 더 많은 것을 원합니다. 이미 HTML과 CSS는 알만큼 알고 이제 스크립트를 배우고 싶지만, 스크립트를 쓰고 쓰고 또 쓰면서 인생을 낭비하고 싶은 생각은 없습니다. 즉석에서 웹 페이지를 바꾸는 라이브러리가 필요할 뿐입니다. 희망사항을 추가한다면, Ajax나 PHP와 궁합이 맞으면 더 좋겠죠? 클라이언트 언어 대부분에서 15줄에 처리하는 작업을 단 3줄에 처리할 수는 없을까요? 그저 꿈일 뿐이라고요? 그렇지 않습니다! 당신은 jQuery를 만나봐야겠군요.

2 장 선택자와 메서드: 연장 챙기세요, 일하러 갑시다
__ jQuery를 통해 웹 페이지 요소를 선택하고 온갖 일을 다 할 수 있습니다. 이 장에서는 jQuery 선택자와 메서드를 배울 겁니다. jQuery 선택자를 써서 페이지에 있는 요소를 선택하고 메서드로 조작할 수 있습니다. jQuery 라이브러리는 마법 주문으로 가득 찬 마법책처럼 많은 것을 즉석에서 바꿀 수 있습니다. 이미지를 갑자기 없앴다가 나타나게 할 수도 있고, 텍스트를 선택해서 글자 크기를 애니메이션으로 바꿀 수도 있습니다. 이제 웹 페이지 요소를 선택해 보세요. 쇼타임입니다.

3 장 jQuery 이벤트와 함수: 페이지에 뭔가 일어나게 하세요
__ jQuery를 이용하면 웹 페이지에 동작과 상호작용성을 쉽게 추가할 수 있습니다. 이 장에서는 웹 페이지가 사용자와 상호작용하게 만드는 방법을 알아볼 겁니다. 사용자의 동작에 반응하는 코드를 만들면 웹사이트를 한 단계 업그레이드할 수 있습니다. 함수를 재사용할 수 있게 만들어서 코드를 한 번만 작성한 뒤 여러 번 활용하는 방법도 알아볼 겁니다.

4 장 jQuery로 웹 페이지 조작: DOM을 조작하세요
__ 페이지를 불러온 다음에도 페이지 구조를 바꿀 수 있습니다. 페이지를 불러올 때 M이 어떻게 만들어지면서 페이지 구조를 형성하는지 1장에서 배웠습니다. 이 장에서는 jQuery를 이용해서 페이지 구조를 위아래로 이동하는 방법, 요소들 사이의 계층구조와 부모자식 관계를 이용해서 페이지 구조를 즉석에서 바꾸는 방법을 배울 겁니다.

5 장 jQuery 이펙트와 애니메이션: 미끄러지듯 걸어요
__ 웹 페이지에서 여러 가지 일이 일어나게 하는 건 좋지만 말끔하고 쿨하게 하지 않으면 사람들이 당신의 웹사이트를 이용하지 않을 겁니다. 그러므로 jQuery 이펙트와 애니메이션을 사용해야 합니다. 이 장에서는 페이지에서 요소에 전환 효과를 주는 방법, 원하는 요소를 보였다 숨겼다하는 방법, 요소를 키웠다 줄였다하는 방법을 배울 겁니다. 물론 모든 효과가 즉석에서 일어납니다.

6 장 jQuery와 자바스크립트: jQuery, 내가 네 아비다!
__ jQuery만으로 모든 일을 할 수는 없습니다. jQuery가 자바스크립트 라이브러리이긴 하지만 자바스크립트에서 가능한 모든 일을 할 수 있는 건 아닙니다. 이 장에서는 진짜 끝내주는 웹사이트를 만들 때 필요한 자바스크립트 기능 일부를 살펴보고, jQuery에서 그런 기능을 이용해서 목록과 객체를 만들고 루프를 사용해서 일을 정말 쉽게 하는 방법을 알아볼 겁니다.

7 장 커스텀 이펙트를 위한 커스텀 함수: 지금 내게 무슨 일을 한 거죠?
__ jQuery에서 만든 커스텀 이펙트를 자바스크립트 함수와 결합하면 당신의 코드와 웹앱을 더 멋지고 강력하고 효율적이게 만들 수 있습니다. 이 장에서는 브라우저 이벤트를 이용해서 jQuery 이펙트를 더욱 개선하는 방법, 타이머 붙은 함수를 사용하는 방법, 커스텀 자바스크립트 함수를 더 잘 정리하고 재사용성을 높이는 방법에 대해 알아볼 겁니다.

8 장 jQuery와 Ajax: 데이터를 넘겨주세요
__ jQuery를 이용해서 DOM과 CSS를 조작하는 일도 재미있지만 서버에서 정보나 데이터를 받아와서 표시해야 할 때가 곧 올 겁니다. 페이지를 새로고침하지 않고 서버에서 받은 정보로 페이지 일부만 수정해야 할 때도 있습니다. jQuery의 세계로 들어오세요. jQuery와 자바스크립트를 결합하면 Ajax도 별 것 아닙니다. 이 장에서는 jQuery를 통해 서버에 Ajax 요청을 보내는 방법, 받아온 데이터를 활용하는 방법을 배울 겁니다.

9 장 JSON 데이터 다루기: 클라이언트, 서버를 만나다
__ 파일에서 데이터를 읽어 오는 것도 유용하지만 이것만으로는 충분치 않습니다. JSON은 더 효율적이면서도 호환성 높은 포맷이므로 서버에서 데이터를 더 쉽게 가져올 수 있습니다. JSON은 XML에 비해 만들기도 쉽고 읽기도 쉽습니다. 이 장에서는 SQL과 PHP를 이용해서 데이터베이스를 만들고, JSON으로 그 데이터베이스에서 데이터를 가져오고, jQuery를 이용해서 화면에 표시하는 방법을 배울 겁니다. 진정한 웹 애플리케이션을 만드는 거죠!

10 장 jQuery UI: 삐까뻔쩍한 폼을 만듭시다
__ 웹은 결국 사용자와 데이터의 모음입니다. 사용자에게 데이터를 받는 일은 어렵고 시간도 많이 걸리는 일입니다. 당신은 이미 jQuery를 사용해서 Ajax, PHP, MySQL로 하는 서버 작업을 쉽게 하는 방법을 배웠습니다. 이제 jQuery를 사용해서 사용자에게 데이터를 받는 일을 쉽게 하는 방법을 배울 차례입니다. 이 장에서는 jQuery의 공식 사용자 인터페이스 라이브러리인 jQuery UI에 대해 배울 겁니다.

11 장 jQuery와 API: 객체, 객체, 어디든 객체군요
__ 당신이 재능 있는 개발자이긴 하지만 모든 일을 혼자서 할 수는 없습니다. 우리는 이미 jQuery UI나 탭 내비게이션 같은 jQuery 플러그인을 불러오는 방법을 배웠습니다. 웹 애플리케이션을 더 높은 단계로 끌어올리려면 인터넷에 있는 멋진 도구들을 활용하고, 구글, 트위터, 야후! 같은 유명 기업에서 제공하는 정보를 활용하고, 그 외에도 여러 가지를 할 수 있어야 합니다. 구글, 트위터, 야후!, 기타 많은 기업에서는 자신들이 제공하는 서비스를 다른 사이트에서 이용할 수 있도록 API를 제공합니다. 이 장에서는 그런 API의 기본을 알아보고, 아주 널리 쓰이는 구글 맵스 API를 직접 써볼 겁니다.

부록 i: 못다한 이야기들: 10가지 중요한 이야기(지금까지 설명하지 않은)
__ 아주 많이 배웠지만 아직 다루지 않은 것도 무척 많습니다. 이 책에 우겨넣을 수 없었던 jQuery와 자바스크립트의 멋진 기능이 무척 많습니다. 당신이 이 책을 끝내고 jQuery의 세계를 혼자 여행하면서 만날 jQuery의 다른 면모에 쉽게 적응할 수 있도록 간단히 언급하겠습니다.

부록 ii: 개발 환경 세팅하기: 최고 수준을 위해 준비합시다
__ 서버에 있는 데이터를 날려버리지 않고 안전하게 PHP를 연습할 환경이 필요합니다. 코드를 웹에 올리기 전에 테스트할 공간이 있어야 합니다. 부록에서는 웹 서버와 MySQL, PHP를 설치해서 서버의 데이터를 날려먹을 걱정 없이 연습할 공간을 만들어 봅시다.