|
책소개
Javascript를 처음 시작하는 웹 퍼블리셔나 웹 디자이너, 웹 프로그래머를 위하여 실무형 입문서인 'Javascript+jQuery+Ajax 완벽가이드' 부제로는 '웹 퍼블리셔에서 프론트엔드 개발자로 거듭나기 위한 가장 확실한 입문서'(주영아.이광호 공저)를 인터프레스(대표 전유준)가 출간된다. 또한 학습능력을 증대시키고 습득과 활용에서 꼭 필요한 실습용 소스와 완성소스 그리고 플러그인 원본 등을 수록한 부록CD를 제공한다.
가트너 애널리스트 데이비드 미첼 스미스와 에릭닙은 “자바스크립트의 과거, 현재, 미래”라는 보고서를 통해 자바스크립트의 위상이 바뀌어온 배경과 전망을 제시했다. 이 보고서에 따르면 향후 모든 웹 개발자들은 자바스크립트를 전문기술로 삼고 핵심지식으로 쌓아야 할 필요성이 크고, IT리더들은 자바스크립트 전문지식을 갖춘 웹 프로그래머들의 적격성을 검증해야 한다. 또한 자바스크립트 언어 자체보다 객체 표기법에 기반한 데이터 전송형식인 JSON이나 웹 사이트 개발용 프레임워크인 jQuery와 같은 기반 기술을 준비하는 것이 더 중요해 진다.
이 책은 이러한 현재와 미래의 웹 개발 기술에 대한 준비를 어떻게 시작해야 하는지를 Javascript라는 언어의 기본적인 특징과 반드시 알아야 하는 jQuery의 특징들을 소개 제시함으로써, 웹 관련 IT산업에서의 활동을 준비하고자 하는 웹 디자이너, 웹 퍼블리셔, 웹 프로그래머들에게 좋은 입문서가 되어줄 수 있다. 또한, 현업에서 요구하는 웹 페이지 제작 기술의 각종 고급 응용사례를 제시하고 있어, 현장에서의 업무 능력을 향상시킬 수 있는 계기가 되어 줄 것이다.
무엇보다도 이 책의 장점으로는 학습을 진행하면서 저자의 도움이 필요한 부분에 대해서는 저자와 일대일로 커뮤니케이션이 가능하고 편집구성 및 내용흐름은 실제 저자가 강남의 모 IT교육원에서 하루에 3시간씩, 일주일에 3번, 4주간 총 12일에 걸쳐(36시간) 매달 진행 된 가장 효율적인 교육에 근간하고 있으며, 이 책에서 소개하는 각 단원들은 실제 강의 커리큘럼에 맞추어 12일 완성과정으로 제시되며, 주요 편집내용은 다음과 같다.
첫 번째 파트에서Javascript의 기본 기능들과 사용자 이벤트의 개념, JSON 표기법에 대해서 설명한다. 이 내용들은 독자분들이 앞으로 jQuery를 활용한 대화식 웹 페이지를 제작하는데 있어서 가장 필수적인 기초 지식들이 되어 줄 것이다.
두 번째 파트에서는 jQuery를 기반으로 한 웹 페이지 제작기술을 소개한다. HTML 요소의 제어 와 사용자 이벤트 처리, HTML 요소의 속성과 CSS속성 및 클래스 제어, 고급 jQuery 표현 기법과 HTML 요소의 동적인 생성 등 기본적인 jQuery의 기능들과 함께 실무에 적용할 수 있는 샘플 예제들을 제공한다. 또한 자주 접할 수 있는 유용한 jQuery Plugin들의 통하여 다이나믹한 웹 페이지를 제작할 수 있는 웹 퍼블리셔로 거듭나는데 도움을 줄 것이다.
세 번째 파트에서 Rich Web 페이지 제작을 위해 필수적으로 사용되는 Ajax 기술을 소개한다. Ajax의 기본 개요와 XML및 JSON으로부터 데이터를 추출하는 기법을 다루고, 웹 프로그래머들을 위해 jQuery가 PHP나 JSP와 연동하기 위한 가이드도 제시한다. 무엇보다 실무에 근접한 예제들,로그인, 게시판 덧글쓰기, 구글 뉴스 연동, 네이버OpenAPI와 다음 OpenAPI를 통한 이미지 검색, 책 검색 등도 빼놓지 않았다. 더해서 HTML5에서 새롭게 추가된 GeoLocation에 관련된 기능도 제시를 하는데, jQuery 플러그인을 활용하여 현재 사용자의 위치를 구글맵 및 네이버OpenAPI를 사용한 지역 검색까지 연동하는 예제도 수록하여 HTML5 API로서의 Javascript고급기능에 대한 호기심도 충족시키고자 하였다.
네 번째 파트에서는 jQuery를 넘어서 더 고급스러운 Javascript Framework를 원하는 독자 분들에게 도움이 되고자 기본 Javascript의 잘 알려지지 않은 문법인 prototype 정의 방법을 제시하였다. 이 기법은 Javascript가 JAVA나 C/C++와 구별될 수 있는 가장 큰 특징으로서, Javascript 스타일의 클래스 정의와 객체 생성 방법을 이해할 수 있도록 하였다.
저자는 "실무자들에 의한 검증과 집필 단계에서부터 집필내용을 통한 실제 강의를 연계하여 다루었고 예제 소스도 실무 적용 적합성과 현업에서 수시로 피드백을 받아 편집내용을 단계적으로 보완하여 지금의 완성 형태가 되었기 때문에, 실무자들이 원하는 점진적으로 쉽게 익힐 수 있도록 구성 되어 있습니다." 라고 이 책을 소개했다.
저자소개
저자 주영아는 IT교육원등의 전임으로 전 한국방송통신진흥협회 전임강사, 전 cafe24 고문 등을 엮임 하였으며, 교육학을 전공하였고 2005년도 2008년도까지 부터 관련된 다수의 전산 통합 시스템 구축프로젝트를 수행하였다. 2009년도부터는 한국방송통신진흥협회에서의 실무자들을 대상으로 한 JSP, 웹 표준 등에 대한 강의활동을 시작으로 정부기관이나 대학 및 IT교육기관, 기업체등의 강의 활동과 다수의 프로젝트에 참여해 왔으며, 현재는 모바일 웹 관련 각종 프로젝트에 참여함과 동시에 웹표준, HTML5, CSS, jQuery, jQuery Mobile, 등의 교재 집필과 강의활동 프리랜서로 활동하고 있다.
공동저자 이광호는 컴퓨터 공학을 전공하였으며, 전문 개발자로서 2003년도부터 다수의 모바일 게임과 KT쇼메모리, KT가톨릭 서비스, 대교 리브로 등과 열혈신기록(게임), 모바일 아이템 베이, LGT EZ-I 웹사이트개발 참여, KTF 3D 에이스양궁(게임) 등 수많은 프로젝트를 수행했다. 2009년도부터 한국방송통신진흥협회에서의 실무자들을 대상으로 한 안드로이드와 JSP, AJAX 등에 대한 강의활동을 시작으로 2011년도부터 대학과 비트컴퓨터에서 앱창작터 관련 안드로이드 및 jQuery Mobile과 Sencha Touch에 대한 강의를 모바일 웹앱 초창기 시절부터 진행해 왔다. 현재는 모바일 관련 각종 프로젝트에 참여함과 동시에 Sencha Touch2, 안드로이드, 웹표준, HTML5, jQuery, jQuery Mobile, 등에 저서와 강의활동을 하고 現 IT WILL전임과 프리랜서로 활동하고 있다.
상세이미지(별도로 첨부 하였습니다.)
목차
Part1. Classic Javascript
Section 1. 작업환경 구성하기
1. 사용할 브라우저 선정
2. Aptana Studio3
Section 2. Javascript 소개
1. Javascript의 개요
2. 현재 Javascript의 위치
3. 웹 디자이너와 웹 퍼블리셔
4. Javascript를 준비하기
Section 3. Hello Javascript
1. 기본 페이지 템플릿의 준비
2. 모바일 웹을 위한 추가적인 작업
3. HTML 페이지에 Javascript를 포함하기 위한 방법
4. Javascript 코드에 설명을 기술하는 주석문
5. 결과 값을 출력하기 위한 console의 사용
Section 4. Javascript 시작하기
1. 변수의 이해와 값의 종류
2. 연산자
Section 5. 프로그램의 흐름을 제어하는 기법
1. HTML 페이지에 결과를 출력하기
2. 조건이 충족되는 경우에만 실행되는 구문
3. 반복적인 처리를 수행하는 구문
4. 문법의 중첩 사용
Section 6. 명령어를 그룹화 하는 함수
1. 함수의 정의와 호출
2. 함수 파라미터
3. 리턴값의 사용
4. 다른 함수의 호출
Section 7. Javascript 내장함수의 사용
1. 내장함수 개요
2. 문자열을 수식으로 변경하기
3. 문자열을 숫자로 변환하기
4. 숫자인지 검사하기
5. 메시지 박스
Section 8. Javascript 이벤트 처리
1. Javascript 이벤트 개요
2. HTML 태그 요소를 획득하기
3. 주요 Javasciprt 이벤트의 활용
4. Javascript 소스의 실행 시점
5. HTML 태그의 id 속성이 갖는 의미
Section 9. 객체지향 Javascript 시작하기
1. Javascript에서 객체의 의미
2. Javascript에서 객체를 만드는 방법
3. 간단한 계산기 객체 만들기
4. 내장객체의 개요
Section 10. 갑의 처리를 위한 내장객체
1. String 객체
2. Array(배열) 객체
3. Math 객체
4. Date 객체
Section 11. 브라우저를 제어하기 위한 내장객체
1. window 객체
2. location 객체
3. history 객체
4. navigator 객체
5. screen 객체
Section 12. HTML 문서를 제어하기 위한 내장객체
1. document 객체
2. image 객체
3. form 객체
Section 13. JSON 표기법
1. JSON 표기법의 기본 형식
2. 다양한 JSON 데이터의 표현
3. JSON 표기법을 적용한, 객체지향 구현
Section 14. Classic Javascript의 고급 구현 기법
1. 고전적인 이벤트 처리 방법 정리
2. HTML 태그와 Javascript의 분리
3. 결론
Part2. jQuery
Section 1. jQuery 시작하기
1. jQuery 소개
2. jQuery 시작하기
3. jQuery의 간결화 된 표현 기법
4. CSS 셀렉터
Section 2. jQuery 이벤트
1. jQuery 이벤트 처리 개요
2. 마우스 관련 이벤트
3. 키보드 관련 이벤트
4. Form 관련 이벤트와 입력값 관련 기능
5. 브라우저 관련 이벤트
6. 이벤트 구현 함수 안에서의 특수 키워드 this
Section 3. HTML 속성의 제어
1. 요소의 속성 값 제어
2. 이미지 로딩 실패시, 다른 이미지 표시하기
3. 체크박스의 전체 선택 기능
4. 입력 요소 잠금/잠금 해제
5. 롤오버 이미지
Section 4. CSS 속성과 클래스 제어
1. 요소의 CSS 속성 제어
2. 요소의 CSS 클래스 제어
3. 입력값 설명을 제시하는 백그라운드 이미지 제어
5. 탭 페이지 구현하기
Section 5. jQuery 애니메이션
1. 애니메이션 기능 개요
2. 네이버 블로그의 이미지 원본보기 기능 예제
3. 고급 애니메이션 처리 기능
Section 6. 요소의 탐색과 생성
1. 요소를 탐색하기
2. 슬라이드 되면서 나타나는 서브메뉴 예제
3. 요소의 탐색을 활용한 아코디언 컨텐츠 예제
4. 요소의 생성
Section 7. 이벤트 고급 처리 기법
1. bind() 함수와 one() 함수
2. on() 함수
3. 이벤트의 제거
Section 8. jQuery 플러그인
1. 플러그인 시작하기
2. 간단한 플러그인 맛보기 placeholder 플러그인
3. 다이나믹한 사진 미리보기 효과를 위한 lightbox 플러그인
4. 이미지 슬라이더 구현을 위한 slides-JS 플러그인
5. 부드러운 스크롤 이동을 위한 scrollTo 플러그인
6. 책장 넘기기 효과 - booklet 플러그인
7. 크로스 브라우징을 지원하는 멀티미디어 재생기 - MediaElement.js
8. 데이터를 저장하기 위한 Cookie 플러그인
9. 폼의 입력값 형식검사 플러그인
10. 요소의 동적 생성을 돕는 템플릿 플러그인
Part3. Ajax
Section 1. Ajax 시작하기
1. Ajax 소개
2. 기존의 웹 페이지 구현 방식
3. Ajax가 적용된 구현방식
4. jQuery의 Ajax 함수
Section 2. Text 파일을 로딩하는 Ajax 실전 기법
1. 텍스트 파일 읽어오기
2. load() 함수
3. 웹 프로그래머를 위한 내용
Section 3. XML 일을 로딩하는 Ajax 실전 기법
1. XML 데이터 읽어오기
2. $.get() 함수와 $.post() 함수
3. 아이디 중복 검사 예제
4. 로그인 예제
5. 덧글 쓰기/삭제 예제
Section 4. XML 데이터를 사용하는 Ajax 크로스 도메인 처리 기법
1. Ajax 처리의 크로스 도메인 제약
2. 프록시 페이지의 사용
3. xdomainajax 플러그인의 사용
4. 기상청을 통한 전국 날씨 상황 표시하기
5. 구글 뉴스를 활용한 분야별 뉴스 컨텐츠 제공
Section 5. JSON 파일을 로딩하는 Ajax 실전 기법
1. JSON 데이터 읽어오기
2. JSON 데이터에 대한 $.get() 함수와 $.post() 함수의 사용
3. 게시물 목록 로딩 예제
4. jQuery플러그인을 사용하여 XML결과를 JSON으로 변환하기
5. 네이버 OpenAPI를 활용한 책 검색 기능
Section 6. JSON 데이터를 사용하는 Ajax 크로스 도메인 처리 기법
1. JSONP 개요
2. jQuery에서의 JSONP 사용
3. Daum OpenAPI를 활용한 이미지 검색 예제
Section 7. HTML5 API의 위치 정보 기능 활용하기
1. HTML5 API 개요
2. GeoLocation과 Google Map을 연동시켜주는 gmap 플러그인
3. GeoCoding을 활용한 주소 기반의 위치 표시
4. GeoLocation을 사용한 현재 위치의 표시
5. Gmap 플러그인을 사용한 네이버 지역 검색 연동
Part4. 객체지향 Javascript
Section 1. Javascript 클래스 작성하기
1. 객체지향 프로그래밍
2. Javascript 클래스 작성하기
Section 2. prototype을 활용한 내장 객체의 기능 확장
1. Date 클래스의 기능 확장
저자서평
웹을 잘 만들고자 하는 모두를 위해, 가장 편리한 도구를 가장 쉽게 가이드 해 주는 책. 퍼블리셔라는 용어도 아직 적응이 다 안 된 마당에, 네이버, 다음 등 주요 포털 사이트에서는 프론트앤드 개발자라는 용어까지 등장 해 더 혼란스러워 질 지경입니다.
필자 역시 IT 교육원에서 만나 분들의 대표적인 고민 중 하나입니다. 이제 막 웹에 입문하려는 분들과 기존의 작업방식에서 새로운 방식으로의 전환에 도전하려는 분들, 취업과 이직, 직종변환, 업무시스템의 변경까지...인생의 중요한 결정과 고민에 저를 믿고 동참시켜주시는 분들께 허투루 말씀드릴 수 는 없을 것입니다. 진정 도움이 되어드리고 싶은 그 순간마다, 한 가지만 생각합니다.
본질을 잃지 말자. 해서 앞서 던졌던 물음에 대한 답을 드리자면 “용어에 흔들리지 마십시오."입니다. 새로운 업무 스타일이 나올 때마다 마치 새로운 직종 군 인냥 용어들이 나타났다 사라졌다 혹은 변경되곤 합니다. (플래셔와 코더, 퍼블리셔 등..) 이것은 언어도 마찬가지고, 프레임웍이나 라이브러리들도 마찬가지입니다.
하지만 길게 봤을 때, 웹의 본질은 하나입니다. 우리 모두가 알 고 있는 바로 그것, 사용자에게 정보를 제공하자. 확한 정보를(서버와 네트워크, 데이터베이스와 웹 프로그램) 웹 정신에 토대로 하여 차별 없이 전달하고(웹 접근성과 웹 표준, 시멘틱 웹), 사용자와 실시간으로 대화하고 소통하고 교류하며(자바스크립트 기반의 인터렉티브 웹), 함께 발전 해 나가자.(웹2.0) 아무리 웹 기술이 빠르게 변하고, 무수한 것들이 나타났다 사라진다고 한들, 저 틀 안에서 생각하면, 달라질건 아무것도 없습니다. 결국 웹을 '만든다! '는 것은 달라지지 않습니다. 다만 ‘잘 만들어보자!’에 대한 고민들과 답들인 거죠. 마찬가지로 디자이너든 프로그래머든 구분 할 필요도 없습니다. 다들 웹을 ‘잘’ ‘만들고자’하는 사람들인 거죠.
이처럼 거창하게 서두를 늘어놓는 까닭은, 이 책이 필요한 분들의 업무군 이 기획자일수도, 디자이너일수도, 프로그래머일수도 있고,(실제 강의 중에 다양한 분들로 클래스가 구성됩니다. 이사님이나 사장님도 있으시고.) 이제 막 시작하느라 도통 뭐가 뭔지 모르겠거나, 혹은 기존의 것을 내려놓고 새로운걸. 적응하느라 애를 먹는 분이실수도 있기 때문입니다.
그 모든 분들을 어우르되, 잘못된 결론을 내 드리지 않기 위함입니다.
분명 이 책에서 다루는 자바스크립트는 태어난지 10년도 더 지난 요즘에 와서 가장 HOT한 언어로 온 관심을 다 받고 있고, 제이쿼리는 전 세계에서 가장 많이 사용되고 있는 라이브러리이며, Ajax는 웹2.0시대에 필수 기술로 여겨지고 있는 것은 사실입니다. 하지만 이것들은 모두 여러분에게 '편리한 도구'일 뿐입니다. 그리고 더 편리한 도구가 계속 만들어지고 있습니다. 그러니 이것들을 '절대적'이라고 여기지도 마시고, 그렇다고 단순한 '팁'으로만 여기지도 마십시오.
도구를 만든 곳보다 내용이 자세할 수는 없겠지만, 이 책은 무슨 바이블이나 사전이 되고자 한 책이 아닙니다. 그리고 그 도구가 최고라고 말 할 생각도 없습니다. 다만 여러분과 같은 사용자의 입장에서, 먼저 사용 해 본 경험으로, 업무하는 데 사용 해 보았더니 요즘 이제 제일 괜찮더라. 그리고 이렇게 하면 그나마 고생 없이 쉽게 익힐 수 있을 거다. 라고 제시하는 가이드북이지만, 동시에 비슷한 도구들이 나왔을 때 손쉽게 적응하시기를 바라는 배려를 놓치지 않으려 했습니다.
즉, 자바스크립트라는 언어의 기본적인 특성을 이해함으로 해서 수많은 자바스크립트 관련 도구들(각족프레임웍과플러그인등)중 무엇을 접한다 해도 쉽게 적응 해 입맛에 맞춰 골라 쓰실 수 있도록 하였습니다. 또 복잡한 Javascript의 구현방법을 좀 더 간결하고 쉽게 도와주는 jQuery를 통해 크로스브라우징등 여러분의 업무이슈를 최대한 힘들이지않고 해결할 수 있도록 고민하였습니다. 아울러 각종 관련 최신 플러그인들을 통해 손쉽게 플래시 등을 대체하고Ajax를 구현할 수 있는 방법을 제시하였습니다.
결국 이 책은 웹을 잘 만들고자 하는 여러분들을 위해, 가장 편리한 도구를 쉽게 사용할 수 있게 하여 똑똑한 사용자가 되도록 가이드하면서 아울러 이후의 다른 쇼핑(도구선택)에서도 똑똑한 쇼퍼가 될 수 있도록 하고자 한 책입니다.
이 책 Javascript+jQuery+Ajax 완벽가이드 를 통해 "에효, 또 배워야 해? 이번엔 얼마나 갈까?" 라는 한숨 섞인 투정에서, “이번엔 또 어떤 신상이 나왔지? 내 맘에 드는 게 있을는지 골라봐야지. 싸게 잘 사서 유용하게 써볼까나~”하는 업그레이드 된 당신을 기대 해 봅니다.