'UI'에 해당되는 글 2건
- 2011.11.15 :: [신간소개] 웹 디자이너를 위한 jQuery (2)
- 2011.11.14 :: [오탈자 정보] 웹 디자이너를 위한 jQuery (87)
신간소개
2011. 11. 15. 14:41
l 저자: Nishihata Kazuma
l 역자: 박건태, 신대호
l 페이지: 360
l 판형: 4x6배변형(190x244)
l 도수: 2도
l 정가: 25,000원
l 발행일: 2011년 11월 28일
l ISBN: 978-89-966598-5-3
[강컴] [교보] [리브로] [반디] [11번가] [알라딘] [예스24] [인터파크]
Sample.pdf
"간결하고 정교한 입문서"로 정의하고 싶은 책입니다.
jQuery는 웹 디자인을 편리하게 하기 위해 등장하였습니다. HTML과 CSS를 조작해서 어떤 동적인 움직임을 주려면 과거엔 자바스크립트를 이용해서 상당히 난이도 있는 작업을 하였는데, 지금은 기본적인 명령(jQuery 메서드)의 원리와 사용 방법만 알면 웬만한 건 개발자의 손을 빌리지 않고도 디자이너가 처리할 수 있게 되었습니다. 바로 이 책은 프로그래밍에 약한 디자이너가 jQuery를 잘 쓸 수 있도록 도와주는 책입니다.
전반부는 아주 기본기를 탄탄히 해줄 수 있는 내용을 다루고 후반부에는 책의 절반 이상을 할애하여 13가지 레시피를 구체적으로 다루고 있습니다.
_대상 독자
프로그래밍이라면 그냥 개발자에게 맡겨버리는 웹 디자이너
HTML과 CSS를 활용한 디자인의 동적 움직임을 파악하고자 하는 웹 개발자
웹 표준을 공부하고 있는 실무 웹 디자이너
_목차
1장. 간단히 살펴보는 jQuery에 관한 기초지식
1-1 jQuery란?
압도적인 인기를 자랑하는 JavaScript 라이브러리, jQuery
샘플 코드로 보는 jQuery의 편리함
가볍다! 그리고 크로스브라우징을 지원한다!
1-2 jQuery 활용 준비
jQuery 다운로드
jQuery를 읽어 들이는 부분
Column01_Google 서버에서 jQuery 사용하기
2장. 간단 예제로 jQuery 기초 다지기
2-1 jQuery 기초와 셀렉터(Selector)의 사용법
JavaScript와 HTML/CSS의 관계
JavaScript의 실행 타이밍과 jQuery의 ready 함수
HTML의 태그를 지정하는 “셀렉터”
1. CSS에서 자주 이용되는 셀렉터
2. CSS2 셀렉터
3. CSS3 셀렉터
4. CSS 속성 셀렉터
5. jQuery 자체 필터
Jquery 셀렉터 정리
2-2 기본 명령을 이용한 HTML/CSS의 조작
HTML/CSS를 마음대로 조작할 수 있는 jQuery 명령
1. 텍스트 변경과 가져오기
2. HTML 변경과 가져오기
3. HTML 삽입
4. HTML 이동
5. 다른 태그로 감싸기
6. 태그 변경
7. 태그 제거
8. 속성값 변경과 가져오기
9. class 속성 추가와 제거
10. CSS 제어
복수의 명령을 조합하는 “메서드체인”
HTML/CSS를 조작하는 jQuery 명령어 정리
2-3 ‘이벤트’로 타이밍을 설정하자 - Ajax 사용하기
처리 타이밍을 결정하는 “이벤트”
HTML을 읽어 들이는 타이밍에 실행되는 ready()
다른 이벤트 처리에도 ready()는 필수 항목
이벤트의 기본을 click()으로 배우자
더블 클릭 이벤트를 감지하는 dbclick()
마우스의 버튼 조작을 감지하는 mousedown()/mouseup()
클릭될 때마다 다른 처리를 실행하는 toggle()
마우스오버/마우스아웃을 감지하는 mouseover()/mouseout()
마우스의 움직임에 맞춰서 처리를 실행하는 mousemove()
이벤트 발생시에 한 번만 처리를 실행하는 one()
설정되어 있는 이벤트 처리를 취소하는 unbind()
앞으로 추가될 태그에 이벤트 처리를 설정할 수 있는 live()
jQuery 이벤트 정리
[실무에서 자주 나타나는 함정] a 태그에 설정한 click 이벤트 처리가 동작하지 않는다!
[실무에서 자주 나타나는 함정] a 태그에 설정한 dbclick()이 동작하지 않아!
[JavaScript 원포인트 레슨] JavaScript로 텍스트 결합하기
2-4 폼 태그의 기능을 익혀보자
폼 태그의 기능을 충실히 제공하는 jQuery
1. 폼 태그의 값을 가져오고 변경하는 명령
2. 폼 태그에 관한 이벤트 처리
3. 폼 태그를 선택하는 셀렉터
[실무에서 자주 나타나는 함정] change()가 동작하지 않는다?
[JavaScript 원포인트 레슨] 조건에 따라 다른 처리를 가능하게 하는 if문
2-5 웹 페이지의 편리성을 높인다.
이미 잘 알려져 있는 “Ajax”란 무엇인가?
웹 페이지에 텍스트를 삽입하는 load()
load()를 이용하여 외부의 HTML 표시하기
XML 데이터를 가져와서 변환하여 표시하기
[실무에서 자주 나타나는 함정] “글자가 깨지는 경우 또는 읽어 들이지 않는 경우”
– Ajax를 사용할 때의 주의점
[jQuery 원포인트 레슨] 셀렉터로 지정된 태그에 반복 처리를 수행하는 each()
_주요 내용
난 편하게! 빠르게! 멋지게! 디자인한다
웹 디자이너, jQuery로 업그레이드합시다!
디자이너, 개발자에게 의존하지 말고 조금만 공부합시다.
HTML과 CSS로 아무리 사이트를 멋지게 만들었다 해도 사용자의 요구에 따라 시시각각 디자인을 바꾸기 위해서는 프로그래밍 영역이 필요합니다. jQuery는 이것을 쉽게 해주는 JavaScript 라이브러리이며 이 책은 디자이너도 쉽고 빠르게 배울 수 있도록 기초부터 설명하고 있습니다.
이젠 HTML과 CSS만 잘해서는 안 됩니다.
웹 표준에서는 구조와 표현을 분리하여 사이트를 설계하고 사용하는 능력이 중요합니다. 여기에 디자이너가 조금만 수고해서 jQuery를 배우고 활용한다면 디자인에 대한 유연성을 높이고 훨씬 큰 안목을 갖출 수 있습니다.
크로스 브라우징이 가능한 jQuery, 이젠 대세입니다.
크로스 브라우징은 모든 브라우저에서 똑같이 정보를 표현해줄 수 있다는 것을 의미합니다. 웹 표준과도 그 맥을 같이 합니다. 기존의 플래시로 디자인을 했다면 이젠 jQuery를 배워보세요.
실무에서 바로 활용할 수 있는 13가지 디자인 레시피 제공
스트라이프 테이블, 아코디언 패널, 마우스 롤링 등 다양한 기법을 적용한 jQuery 디자인 레시피를 상세한 설명과 함께 보여줍니다. 조금만 응용해도 독창적이고 멋진 UI를 만들 수 있습니다.
_편집자 코멘트
이 책을 진행하면서 진짜 웹 디자이너도 볼 수 있을까? 하는 의구심이 들었던 게 사실입니다. 아무리 jQuery가 사용하기 쉬운 라이브러리라도 자바스크립트라는 프로그래밍 언어니까요. 하지만, 몇 가지 기본 패턴만 익히면 금새 익숙해질 수가 있습니다. 복잡한 프로그래밍 지식은 감추고 예제 위주로 설명하기 때문에 쉽게 이해할 수 있습니다. 특히 HTML5와 CSS3를 이용해서 웹 표준 개발 방식으로 개발해야 하는 웹 디자이너나 개발자는 짧은 기간에 쉽게 익히고 아주 큰 효과를 볼 수 있을 것으로 기대합니다.
_저자 소개
Nishihata Kazuma
to-R(http://www.to-r.net/) 대표, 웹 크리에이터.
PHP 시스템 개발이나 CMS를 이용한 웹사이트 제작, SEO 등의 마케팅, 컨설팅, 웹 크리에이터를 위한 강좌 등의 활동을 하고 있다. 블로그 「to-R」(http://blog.webcreativepark.net/)에서는 JavaScript나 SEO, CSS, Movable Type 등의 웹 제작과 관계된 다양한 정보를 제공하고 있다.
_역자 소개
박건태
시스템 프로그래머이다. 현재 클라우드 컴퓨팅(Cloud Computing)과 콘텐츠 딜리버리 네트워크(CDN) 전문기업 ㈜솔루션 박스에서 Iass 기반 Cloud를 개발 중이다. 일본에서 임베디드 리눅스 기반의 다양한 어플리케이션을 개발했고 SI 업체에서 다수의 시스템을 개발했다. MVC를 확장한 경량 프레임워크를 개발해 오픈 소스로 제공한 뒤 귀국했다.
저서 <Jlet으로 배우는 위피 프로그래밍>(한빛미디어, 2005), 역서 <Java 언어로 배우는 리팩토링 입문>(한빛미디어, 2007), <프로그래밍 콘테스트 챌린징>(로드북, 2011)이 있다.
신대호
웹 프로그래머이다. 일본에서 웹 솔루션 관련 SI 업체에서 다수의 프로젝트를 진행하였고 스크립트 언어를 중점적으로 다루고 있다. 현재 게임 업체의 웹 서비스 개발을 하고 있다.
'신간소개' 카테고리의 다른 글
| [신간소개] Xcode4로 시작하는 아이폰 프로그래밍 (2) | 2012.01.05 |
|---|---|
| [신간소개] 빅 데이터 시대를 위한 NoSQL 핵심 가이드 (0) | 2011.12.19 |
| [신간소개] 프로그래밍 콘테스트 챌린징 for GCJ, TopCoder, ACM/ICPC, KOI/IOI (3) | 2011.10.11 |
| [신간소개] 처음부터 다시 배우는 HTML5&CSS3: 실전 웹 표준 사이트 구축까지 (0) | 2011.09.22 |
| [신간소개] 거꾸로 배우는 소프트웨어 개발 (0) | 2011.08.14 |
오탈자 정보
2011. 11. 14. 19:41
(오탈자 신고: chief@roadbook.co.kr 또는 댓글로 남겨주세요)
2012년 1월 1일 현재
-------- p.36(아래에서 4째줄, color 속성)_1쇄--------
(데벨님 제공)
오류: read
수정: red
--------------------------------------
-------- p.40(sample5.html 4째줄)_1쇄--------
오류: <sapn>
수정: <span>
--------------------------------------
2012년 1월 1일 현재
-------- p.36(아래에서 4째줄, color 속성)_1쇄--------
(데벨님 제공)
오류: read
수정: red
--------------------------------------
-------- p.40(sample5.html 4째줄)_1쇄--------
오류: <sapn>
수정: <span>
--------------------------------------
-------- p.35(2번째 소스 박스)_1쇄--------
오류: funcition
수정: function
--------------------------------------
'오탈자 정보' 카테고리의 다른 글
| [오탈자 정보] Xcode4로 시작하는 아이폰 프로그래밍 (0) | 2012.01.05 |
|---|---|
| [오탈자 정보] 빅 데이터 시대를 위한 NoSQL 핵심 가이드 (0) | 2011.12.19 |
| [오탈자 정보] 프로그래밍 콘테스트 챌린징 (61) | 2011.10.11 |
| [오탈자 정보] 처음부터 다시 배우는 HTML5&CSS3 (63) | 2011.09.18 |
| [오탈자 정보] 거꾸로 배우는 소프트웨어 개발(2011년 8월 22일 출간) (5) | 2011.08.23 |