본문내용 바로가기

홈

국내도서

컴퓨터/IT

웹프로그래밍

JavaScript

무료배송 이벤트 소득공제

웹 디자이너를 위한 jQuery 난 편하게 빠르게 멋지게 디자인한다

Nishihata Kazuma 지음 | 박건태, 신대호 옮김 | 로드북 | 2011년 11월 28일 출간
5점 만점에 0점 리뷰 0개 리뷰쓰기
jQuery 크게보기
매장 재고 · 위치

이 책의 다른 상품 정보

  • 정가 : 25,000원
    판매가 : 22,500원 [10%↓ 2,500원 할인]
  • 통합포인트 :
    [기본적립] 1,250원 적립 [5% 적립] 안내 [추가적립] 5만원 이상 구매 시 2천원 추가적립 [회원혜택] 우수회원 5만원 이상 구매 시 2~3% 추가적립
  • 추가혜택 : 카드/포인트 안내 도서소득공제 안내 추가혜택 더보기

이 상품의 이벤트 1건

더보기+
  • 배송비 : 무료 배송비 안내
  • 배송일정 : 서울특별시 종로구 세종대로 기준 지역변경
    지금 주문하면 내일(23일,화) 도착 예정 배송일정 안내
  • 바로드림 : 인터넷으로 주문하고 매장에서 직접 수령 안내
장바구니 담기 바로구매

책 그리고 꽃 서비스
책 그리고 꽃 | 책과 꽃을 함께 선물하세요 자세히보기

닫기

 바로드림 주문 선물하기 보관함 담기

이 책의 이벤트 해외주문/바로드림/제휴사주문/업체배송건의 경우 1+1 증정상품이 발송되지 않습니다.

  • 프론트엔드 개발을 위한 약간의 가이드
    2018.02.02 ~ 2020.12.31
도서·상품정보 1:1 문의하기
상품상세정보
ISBN 9788996659853(8996659851)
쪽수 356쪽
크기 190 * 244 * 30 mm /720g 판형알림
이 책의 원서/번역서 Web制作の現場で使う jQueryデザイン入門 (WEB PROFESSIONAL)/西畑一馬

책소개

이 책이 속한 분야

jQuery의 사용법을 소개하는 『jQuery』. 웹 디자이너가 쉽게 사용할 수 있도록 만들어진 자바스크립트 라이브러리인 jQuery를 효율적으로 학습하도록 이끌어주는 책이다. 가급적 프로그램의 전문 용어를 사용하지 않고 CSS와 HTML을 기본으로 하면서 jQuery의 사용법을 익힐 수 있도록 구성되었다. 웹사이트에서 일반적으로 사용할 수 있는 UI 작성 방법을 소개하고 있으며, 100여 개의 샘플을 통해 실습을 통해 학습하면서 디자이너로서의 역량을 기를 수 있다.

상세이미지

jQuery(웹 디자이너를 위한) 도서 상세이미지

저자소개

저자 : Nishihata Kazuma

저자 Nishihata Kazuma는 to-R 대표, 웹 크리에이터. PHP 시스템 개발이나 CMS를 이용한 웹사이트 제작, SEO 등의 마케팅, 컨설팅, 웹 크리에이터를 위한 강좌 등의 활동을 하고 있다. 블로그 「to-R」에서는 JavaScript나 SEO, CSS, Movable Type 등의 웹 제작과 관계된 다양한 정보를 제공하고 있다.

역자 : 박건태

역자 박건태는 시스템 프로그래머이다. 현재 클라우드 컴퓨팅(Cloud Computing)과 콘텐츠 딜리버리 네트워크(CDN) 전문기업 ㈜솔루션 박스에서 Iass 기반 Cloud를 개발 중이다. 일본에서 임베디드 리눅스 기반의 다양한 어플리케이션을 개발했고 SI 업체에서 다수의 시스템을 개발했다. MVC를 확장한 경량 프레임워크를 개발해 오픈 소스로 제공한 뒤 귀국했다. 저서 〈Jlet으로 배우는 위피 프로그래밍〉(한빛미디어, 2005), 역서 〈Java 언어로 배우는 리팩토링 입문〉(한빛미디어, 2007), 〈프로그래밍 콘테스트 챌린징〉(로드북, 2011)이 있다.

역자 : 신대호

역자 신대호는 웹 프로그래머이다. 일본에서 웹 솔루션 관련 SI 업체에서 다수의 프로젝트를 진행하였고 스크립트 언어를 중점적으로 다루고 있다. 현재 게임 업체의 웹 서비스 개발을 하고 있다.

목차

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()

2-6 애니메이션 효과로 움직임을 입혀보자
비표시 상태의 태그를 표시하는 show()
표시 중인 태그를 숨기는 hide()
태그의 표시/비표시를 반복하여 변경하는 toggle()
표시/비표시를 슬라이딩 효과로 변경하는 slideDown()/slideUp()
표시/비표시를 슬라이딩 효과로 반복하여 변경하는 slideToggle()
표시 상태를 페이드인/페이드아웃으로 변경하는 fadeIn()/fadeOut()
투명도를 서서히 변경하는 fadeTo()
독자적인 애니메이션 효과를 설정할 수 있는 animate()
애니메이션 효과와 관련된 명령 정리
[실무에서 자주 나타나는 함정] 멈추지 않는 애니메이션 효과를 해결하자
[CSS 원포인트 레슨] 마우스 포인터를 변경하는 cursor 속성을 익혀보자
[실무에서 자주 나타나는 함정] fadeOut(“slow”)와 fadeTo(“slow”, 0)은 같은가?
Column02_ JQuery와 다른 JavaScript 라이브러리의 공유

3장. 실무에서 사용할 수 있는 디자인 레시피
3-1 CSS 셀렉터를 이용한 스트라이프 테이블
CSS3 셀렉터의 사용으로 작업 효율을 높이자
스트라이프 테이블 만들기
마우스오버로 행이나 열에 하이라이트 효과 주기
[실무에서 자주 나타나는 함정] jQuery로 CSS를 직접 조작하는 방법은 좋지 않습니다.
[JavaScript 원포인트 레슨] 텍스트 연결과 계산식의 차이

3-2 슬라이드식 이미지 갤러리
이미지 갤러리의 기본이 되는 부분을 만들어 보자
애니메이션 효과로 그림을 매끄럽게 변경해 보자
그림이 추가되는 슬라이드식 갤러리로 개선해보자
[JavaScript 원포인트 레슨] 문자열을 수식으로 바꿔주는 parseInt()

3-3 부드러운 아코디언 패널
간단한 아코디언 만들기
더욱 보기 좋고 사용하기 편리한 아코디언으로 개선
[실무에서 자주 나타나는 함정] “JavaScript off”를 고려한 UI 디자인을 하자
[고객의 요구사항에 대처하기] “아코디언을 옆으로 열고 닫게 해주세요!”

3-4 포털사이트에서 많이 볼 수 있는 탭 패널
기본 탭 패널의 작성법
애니메이션 효과로 좀 더 보기 좋은 탭 패널로 개선
[고객의 요구사항에 대처하기] 고객이 간단히 변경할 수 있는 탭 패널을 만들어 보자

3-5 개성적인 3종류의 툴팁
CSS로 꾸민 심플한 툴팁
투명한 GIF로 만든 고정위치 툴팁
투명한 PNG로 만든 타이머식 툴팁

3-6 롤오버 형식의 내비게이션 메뉴 바
롤오버의 기본적인 구조부터 만들기
범용적인 롤오버로 개선하기
이미지의 프리로드(preload) 처리 추가
[JavaScript 원포인트 레슨] 문자열 치환을 편리하게 해주는 정규표현

3-7 투명한 PNG 이미지를 지원하는 롤오버
롤오버 기능의 기본 부분 복습
IE6에서의 투명 PNG 표시
크로스브라우징 가능한 투명 PNG 롤오버 기능
[CSS 원포인트 레슨] 투명 PNG를 웹 제작에 이용하기

3-8 다단계 형식의 드롭다운 메뉴
기본 드롭 다운 메뉴
다단계 구조를 지원하는 드롭다운 메뉴로 개선
[CSS 원포인트 레슨] float 현상을 제거하는 clearfix

3-9 Lightbox 형식의 모달 윈도우
HTML과 CSS로 표현을 생각하자
jQuery로 모달 윈도우를 만들자
[JavaScript 원포인트 레슨] IE에서만 “setExpression”을 사용하자
[고객의 요구사항에 대처하기] 이미지가 아닌 텍스트를 모달 윈도우로 표시

3-10 드래그&드롭으로 움직이는 플로팅 윈도우
기본 플로우팅 윈도우 만들기
IE6에서 버그 제거하기
[실무에서 자주 나타나는 함정] 투명 PNG의 페이드인/페이드아웃 효과가 검게 변한다

3-11 유효성 기능을 지원하는 메일 폼
클래스 속성으로 룰을 지정하는 범용적인 Validation 기능

3-12 Amazon 형식의 슬라이딩 윈도우
HTML/CSS로 슬라이딩 윈도우의 베이스를 만들자
[고객의 요구사항에 대처하기] “슬라이딩 윈도우를 자동으로 슬라이딩되도록 해주세요!”

3-13 Ajax를 이용한 부드러운 페이징
데이터 HTML을 준비하자
전체 HTML을 만들자
[고객의 요구사항에 대처하기] “대용량의 데이터를 Ajax로 표시하고 싶습니다”
Column03_ Firebug를 이용한 디버깅
Column04_ jQuery의 고속화

4장. jQuery 플러그인으로 편리한 웹 제작
4-1 jQuery 플러그인이란?
실무에도 학습에도 편리한 jQuery 플러그인
jQuery 플러그인의 기본적인 사용법
jQuery 플러그인을 찾는 방법
[실무에서 자주 나타나는 함정] 플러그인 이용 시에는 라이선스 확인을…

4-2 실무에서 사용할 수 있는 jQuery 플러그인
table 태그에 소트(정렬) 기능을 붙인 “table sorter”
다채로운 UI가 패키지에 들어있는 “Interface elements”
[실무에서 자주 나타나는 함정] jQuery 플러그인이 동작하지 않는다.
Column05_ jQuery 플러그인을 만들어 보자

출판사 서평

"간결하고 정교한 입문서"로 정의하고 싶은 책입니다.
jQuery는 웹 디자인을 편리하게 하기 위해 등장하였습니다. HTML과 CSS를 조작해서 어떤 동적인 움직임을 주려면 과거엔 자바스크립트를 이용해서 상당히 난이도 있는 작업을 하였는데, 지금은 기본적인 명령(jQuery 메서드)의 원리와 사용 방법만 알면 웬만한 건 개발자의 손을 빌리지 않고도 디자이너가 처리할 수 있게 되었습니다. 바로 이 책은 프로그래밍에 약한 디자이너가 jQuery를 잘 쓸 수 있도록 도와주는 책입니다.
전반부는 아주 기본기를 탄탄히 해줄 수 있는 내용... 더보기

북로그 리뷰 (0) 쓰러가기

도서 구매 후 리뷰를 작성하시면 통합포인트를 드립니다.
결제 90일 이내 작성 시 300원 / 발송 후 5일 이내 작성시 400원 / 이 상품의 첫 리뷰 작성 시 500원
(포인트는 작성 후 다음 날 적립되며, 도서 발송 전 작성 시에는 발송 후 익일에 적립됩니다.
외서/eBook/음반/DVD/GIFT 및 잡지 상품 제외) 안내
  • 해당도서의 리뷰가 없습니다.

Klover 평점/리뷰 (0)

문장수집 (0) 문장수집 쓰기 나의 독서기록 보기
※구매도서의 문장수집을 기록하면 통합포인트 적립 안내

교환/반품/품절안내

※ 상품 설명에 반품/교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다.)

교환/반품/품절안내
반품/교환방법 마이룸 > 주문관리 > 주문/배송내역 > 주문조회 > 반품/교환신청 ,
[1:1상담>반품/교환/환불] 또는 고객센터 (1544-1900)
※ 오픈마켓, 해외배송주문, 기프트 주문시 [1:1상담>반품/교환/환불]
    또는 고객센터 (1544-1900)
반품/교환가능 기간 변심반품의 경우 수령 후 7일 이내,
상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내
반품/교환비용 변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담
반품/교환 불가 사유
  • 소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우
    (단지 확인을 위한 포장 훼손은 제외)
  • 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
    예) 화장품, 식품, 가전제품(악세서리 포함) 등
  • 복제가 가능한 상품 등의 포장을 훼손한 경우
    예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집
  • 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우 ((1)해외주문도서)
  • 디지털 컨텐츠인 eBook, 오디오북 등을 1회 이상 다운로드를 받았을 경우
  • 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
  • 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에
    해당되는 경우
(1) 해외주문도서 : 이용자의 요청에 의한 개인주문상품으로 단순변심 및 착오로 인한 취소/교환/반품 시 ‘해외주문 반품/취소 수수료’ 고객 부담 (해외주문 반품/취소 수수료 : ①양서-판매정가의 12%, ②일서-판매정가의 7%를 적용)
상품 품절 공급사(출판사) 재고 사정에 의해 품절/지연될 수 있으며, 품절 시 관련 사항에 대해서는
이메일과 문자로 안내드리겠습니다.
소비자 피해보상
환불지연에 따른 배상
  • 상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은
    소비자분쟁해결 기준 (공정거래위원회 고시)에 준하여 처리됨
  • 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의
    소비자 보호에 관한 법률에 따라 처리함

기프트 BEST

더보기

이 책의 원서번역서

안내
  • [해외]WEB制作の現場で使うJQUERYデザイン入門
    [해외] WEB制作の現場で使うJQUERYデザイン入門

이 분야의 베스트

더보기+

이 분야의 신간

더보기+

바로가기

  • 우측 확장형 배너 2
  • 우측 확장형 배너 2
TOP
DOWN
최근 본 상품 0 열기

최근 본 상품

닫기