기존의 자바스크립트 책과는 완전히 다릅니다!
마크업에서 자바스크립트를 깨끗이 분리하고 핵심 기능은 그대로 살리면서도 다이내믹한 웹을 만들 수 있는 새로운 발상! 웹 디자이너와 웹 개발자가 함께 보는 웹 표준 준수 자바스크립트 필독서
웹 표준 기반의 멋진 DOM 스크립트 예제, 다이내믹한 웹사이트를 위한 고려 사항 등 한국어판 특별 부록 수록
★ 이 책의 주요 내용 ★
자바스크립트와 문서 객체 모델(DOM)을 통한 표준 기반 웹 디자인
● 자바스크립트를 마크업에 넣지 않고도 다이내믹한 효과 만들어 보...
더보기
이 책의 이벤트
해외주문/바로드림/제휴사주문/업체배송건의 경우 1+1 증정상품이 발송되지 않습니다.-
MANNING, O'REILLY, PACKT, WILE..2016.03.07 ~ 2022.12.31
| ISBN | 9788960770034(8960770035) |
|---|---|
| 쪽수 | 449쪽 |
| 크기 | 188 * 235 mm 판형알림 |
| 이 책의 원서/번역서 | Dom Scripting / Keith, Jeremy |
책소개
이 책이 속한 분야
웹 표준 기반을 위한 자바 스트립트 활용서. 이 책은 자바스크립트와 DOM(문서 객체 모델)을 통한 표준 기반 웹 디자인을 만들기 위한 내용을 설명한 것으로 자바스크립트를 마크업에 넣지 않고도 역동적인 효과와 핵심 기능이 유지되는 스크립트 코드 짜는 방법 등을 설명한다.
또한 다양한 예제를 통해 Ajax에 올바르게 접근하는 법과 웹 표준을 살리는 멋진 DOM 스크립트 살펴보기, YUI, Prototype 웹 표준에 맞게 쓰기, 착한 스크립트로 만드는 Ajax 웹 사이트 구조 등 한국어판을 특별히 수록했다.
또한 다양한 예제를 통해 Ajax에 올바르게 접근하는 법과 웹 표준을 살리는 멋진 DOM 스크립트 살펴보기, YUI, Prototype 웹 표준에 맞게 쓰기, 착한 스크립트로 만드는 Ajax 웹 사이트 구조 등 한국어판을 특별히 수록했다.
목차
1장. 간단히 살펴보는 자바스크립트 역사 27
자바스크립트의 출현 28
문서 객체 모델(DOM)에 대해서 29
브라우저 업체 간 전쟁 30
DHTML은 모호한 용어 31
브라우저 간 비호환 문제 발생 31
표준의 중요성 인식 32
다른 분야에서의 표준 33
브라우저 전쟁 종전 선언 34
웹 표준 시대의 개막 34
2장에서 다룰 내용 35
2장. 자바스크립트 문법 익히기 37
코드 작성 전에 알아야 할 점 38
문법 공부 40
명령문 41
주석 41
변수 43
데이터 형식 45
문자열 46
숫자 47
불린 값 48
배열 48
결합형 배열 51
연산자 52
산술 연산자 52
조건문 55
비교 연산자 56
논리 연산자 57
반복문 59
while문 59
do...while문 60
for문 61
함수 62
변수 유효 영역 65
객체 66
네이티브 객체 68
호스트 객체 69
3장에서 다룰 내용 69
3장. 문서 객체 모델(DOM)이란? 71
D는 문서입니다 72
O는 객체입니다 72
M은 모델입니다 73
노드 76
요소 노드 76
텍스트 노드 77
속성 노드 77
CSS와의 관계 78
getElementById 81
getElementsByTagName 83
속성 다루기 85
getAttribute 85
setAttribute 87
4장에서 다룰 내용 89
4장. 자바스크립트로 만드는 온라인 사진첩 91
마크업 코드 작성하기 92
자바스크립트 작성하기 95
DOM 전환 97
함수 완성 97
자바스크립트 적용하기 98
이벤트 핸들러 99
함수 확장 101
childNodes 프로퍼티 102
nodeType 프로퍼티 103
마크업에 설명문 요소 추가 104
설명문을 자바스크립트로 바꾸기 105
nodeValue 프로퍼티 106
firstChild와 lastChild 107
nodeValue로 설명 추가하기 108
5장에서 다룰 내용 112
5장. 꼭 알아야 할 핵심 기본기 113
자바스크립트에 대한 오해 114
문제점 많은 코드의 전파 115
플래시 사례 116
꼭 필요한지 철저히 검토하기 117
단계적 기능 축소 118
javascript: 슈도 프로토콜 119
인라인 이벤트 핸들러 120
사용자 배려 120
CSS 기술의 교훈 122
단계적 기능 향상 123
스크립트 분리 125
하위 호환성 127
브라우저 검사 130
6장에서 다룰 내용 130
6장. 사진첩 기능 개선하기 133
복습 134
단계적 기능 축소가 가능한가? 135
스크립트를 분리했는가? 136
이벤트 핸들러 추가 138
점검 사항 138
변수 지정하기 141
반복 구문 만들기 142
동작 변경 143
마무리 144
작업 나누기 145
검증 코드 작성 147
미세 조정 151
키보드 접근법 153
onkeypress 다시 보기 155
CSS와 지시자 공유하기 157
DOM 코어와 HTML-DOM 161
7장에서 다룰 내용 163
7장. 실행 시에 마크업 코드 생성하기 165
document.write 166
innerHTML 169
찬반 양론 172
DOM 메소드 173
createElement 173
appendChild 175
createTextNode 176
좀더 복잡한 조합 179
사진첩 다시 살펴보기 181
insertBefore 184
insertAfter 함수 만들기 185
insertAfter 함수 사용 187
사진첩 마무리 188
요약 193
8장에서 다룰 내용 194
8장. 의미가 살도록 컨텐츠 개선하기 195
하면 안 되는 것 196
속성을 화면에 표시하기 197
내용 198
HTML이냐? XHTML이냐? 199
마크업 200
CSS 202
자바스크립트 203
축약어 목록 표시 203
displayAbbreviations 함수 만들기 204
마크업 생성 207
웹 브라우저 불발탄 215
인용구 표시 219
displayCitations 함수 만들기 220
접근키 표시 227
마크업 227
자바스크립트 229
요약 231
9장에서 다룰 내용 232
9장. CSS와 DOM 연동하기 233
웹 문서의 세 가지 요소 234
구조 234
표현 235
동작 235
세 가지 요소 분리하기 236
style 프로퍼티 236
스타일 가져오기 238
인라인 스타일만 동작 243
스타일 지정하기 245
DOM을 이용한 스타일 지정이 유용한 사례 247
특정 노드의 모양을 꾸밀 경우 247
반복되는 스타일일 경우 252
이벤트 처리 결과를 보여주는 경우 257
className 260
함수 추상화 264
10장에서 다룰 내용 265
10장. 애니메이션 슬라이드쇼 만들기 267
애니메이션이란? 268
위치 268
시간 271
setTimeout 272
동작 바꾸기 273
재활용 함수 만들기 276
애니메이션 실전 286
요구 사항 286
해결 방법 288
CSS 289
자바스크립트 292
변수 영역 문제 해결 296
부드럽게 만들기 299
마지막 손질 303
마크업 만들기 305
11장에서 다룰 내용 309
11장. 총정리: 더블트랙 밴드 웹사이트 제작 311
소개 312
기본 초안 312
사이트 구조 313
웹 문서 구조 314
디자인 315
CSS 316
색상 318
레이아웃 320
글꼴 322
마크업 324
자바스크립트 325
문서 하이라이트 327
슬라이드 쇼 332
내부 네비게이션 338
자바스크립트 사진첩 343
테이블 기능 향상 347
폼 기능 향상 353
레이블 355
기본 값 356
폼 유효성 확인 360
요약 364
12장에서 다룰 내용 365
12장. DOM 스크립트의 미래 367
웹이란? 368
웹 브라우저 369
파이어폭스 등장 369
웹 디자이너 371
삼각 의자 372
DOM 스크립트 태스크 포스 373
Ajax 374
XMLHttpRequest 객체 376
Ajax 기반 서비스 예제 378
Ajax에 대한 도전 381
Ajax 기능 바르게 쓰기 382
Hijax 383
Ajax의 미래 385
웹 애플리케이션 385
마지막 부탁 387
부록 Ⅰ. 유용한 DOM 메소드와 프로퍼티 389
메소드 390
노드 만들기 390
createElement 390
createTextNode 392
노드 복사하기 393
cloneNode 393
노드 추가 395
appendChild 395
insertBefore 396
노드 삭제 397
removeChild 398
노드 바꾸기 398
replaceChild 398
노드 값 변경 399
setAttribute 400
노드 찾기 400
getAttribute 401
getElementById 401
getElementsByTagName 402
hasChildNodes 403
프로퍼티 404
노드 프로퍼티 404
nodeName 404
nodeType 405
nodeValue 406
노드 내부 구조 보기 407
childNodes 407
firstChild 408
lastChild 408
nextSibling 409
parentNode 409
previousSibling 410
[한국어판 특별 부록]
부록 Ⅱ. 웹 표준 기반의 멋진 DOM 스크립트 예제 - 윤석찬 411
Lightbox2, 슬라이드형 사진첩 412
Sortable Table, 다이내믹 테이블 정렬 415
그 밖에 좋은 예제 찾아보기 419
롤 오버 이미지 기능 419
라운드 박스에서 불필요한 마크업 없애기 420
DHTMLgoodies.com 420
[한국어판 특별 부록]
부록 III. 다이내믹한 웹사이트를 위한 고려 사항 - 강규영 423
사용성 424
즉시 편집 UI 425
사용성은 디자이너가 고민해야 하는 것 아닐까? 428
뒤로가기 버튼과 즐겨찾기 429
협업을 위한 도구와 실천법 431
참고자료 433
자바스크립트의 출현 28
문서 객체 모델(DOM)에 대해서 29
브라우저 업체 간 전쟁 30
DHTML은 모호한 용어 31
브라우저 간 비호환 문제 발생 31
표준의 중요성 인식 32
다른 분야에서의 표준 33
브라우저 전쟁 종전 선언 34
웹 표준 시대의 개막 34
2장에서 다룰 내용 35
2장. 자바스크립트 문법 익히기 37
코드 작성 전에 알아야 할 점 38
문법 공부 40
명령문 41
주석 41
변수 43
데이터 형식 45
문자열 46
숫자 47
불린 값 48
배열 48
결합형 배열 51
연산자 52
산술 연산자 52
조건문 55
비교 연산자 56
논리 연산자 57
반복문 59
while문 59
do...while문 60
for문 61
함수 62
변수 유효 영역 65
객체 66
네이티브 객체 68
호스트 객체 69
3장에서 다룰 내용 69
3장. 문서 객체 모델(DOM)이란? 71
D는 문서입니다 72
O는 객체입니다 72
M은 모델입니다 73
노드 76
요소 노드 76
텍스트 노드 77
속성 노드 77
CSS와의 관계 78
getElementById 81
getElementsByTagName 83
속성 다루기 85
getAttribute 85
setAttribute 87
4장에서 다룰 내용 89
4장. 자바스크립트로 만드는 온라인 사진첩 91
마크업 코드 작성하기 92
자바스크립트 작성하기 95
DOM 전환 97
함수 완성 97
자바스크립트 적용하기 98
이벤트 핸들러 99
함수 확장 101
childNodes 프로퍼티 102
nodeType 프로퍼티 103
마크업에 설명문 요소 추가 104
설명문을 자바스크립트로 바꾸기 105
nodeValue 프로퍼티 106
firstChild와 lastChild 107
nodeValue로 설명 추가하기 108
5장에서 다룰 내용 112
5장. 꼭 알아야 할 핵심 기본기 113
자바스크립트에 대한 오해 114
문제점 많은 코드의 전파 115
플래시 사례 116
꼭 필요한지 철저히 검토하기 117
단계적 기능 축소 118
javascript: 슈도 프로토콜 119
인라인 이벤트 핸들러 120
사용자 배려 120
CSS 기술의 교훈 122
단계적 기능 향상 123
스크립트 분리 125
하위 호환성 127
브라우저 검사 130
6장에서 다룰 내용 130
6장. 사진첩 기능 개선하기 133
복습 134
단계적 기능 축소가 가능한가? 135
스크립트를 분리했는가? 136
이벤트 핸들러 추가 138
점검 사항 138
변수 지정하기 141
반복 구문 만들기 142
동작 변경 143
마무리 144
작업 나누기 145
검증 코드 작성 147
미세 조정 151
키보드 접근법 153
onkeypress 다시 보기 155
CSS와 지시자 공유하기 157
DOM 코어와 HTML-DOM 161
7장에서 다룰 내용 163
7장. 실행 시에 마크업 코드 생성하기 165
document.write 166
innerHTML 169
찬반 양론 172
DOM 메소드 173
createElement 173
appendChild 175
createTextNode 176
좀더 복잡한 조합 179
사진첩 다시 살펴보기 181
insertBefore 184
insertAfter 함수 만들기 185
insertAfter 함수 사용 187
사진첩 마무리 188
요약 193
8장에서 다룰 내용 194
8장. 의미가 살도록 컨텐츠 개선하기 195
하면 안 되는 것 196
속성을 화면에 표시하기 197
내용 198
HTML이냐? XHTML이냐? 199
마크업 200
CSS 202
자바스크립트 203
축약어 목록 표시 203
displayAbbreviations 함수 만들기 204
마크업 생성 207
웹 브라우저 불발탄 215
인용구 표시 219
displayCitations 함수 만들기 220
접근키 표시 227
마크업 227
자바스크립트 229
요약 231
9장에서 다룰 내용 232
9장. CSS와 DOM 연동하기 233
웹 문서의 세 가지 요소 234
구조 234
표현 235
동작 235
세 가지 요소 분리하기 236
style 프로퍼티 236
스타일 가져오기 238
인라인 스타일만 동작 243
스타일 지정하기 245
DOM을 이용한 스타일 지정이 유용한 사례 247
특정 노드의 모양을 꾸밀 경우 247
반복되는 스타일일 경우 252
이벤트 처리 결과를 보여주는 경우 257
className 260
함수 추상화 264
10장에서 다룰 내용 265
10장. 애니메이션 슬라이드쇼 만들기 267
애니메이션이란? 268
위치 268
시간 271
setTimeout 272
동작 바꾸기 273
재활용 함수 만들기 276
애니메이션 실전 286
요구 사항 286
해결 방법 288
CSS 289
자바스크립트 292
변수 영역 문제 해결 296
부드럽게 만들기 299
마지막 손질 303
마크업 만들기 305
11장에서 다룰 내용 309
11장. 총정리: 더블트랙 밴드 웹사이트 제작 311
소개 312
기본 초안 312
사이트 구조 313
웹 문서 구조 314
디자인 315
CSS 316
색상 318
레이아웃 320
글꼴 322
마크업 324
자바스크립트 325
문서 하이라이트 327
슬라이드 쇼 332
내부 네비게이션 338
자바스크립트 사진첩 343
테이블 기능 향상 347
폼 기능 향상 353
레이블 355
기본 값 356
폼 유효성 확인 360
요약 364
12장에서 다룰 내용 365
12장. DOM 스크립트의 미래 367
웹이란? 368
웹 브라우저 369
파이어폭스 등장 369
웹 디자이너 371
삼각 의자 372
DOM 스크립트 태스크 포스 373
Ajax 374
XMLHttpRequest 객체 376
Ajax 기반 서비스 예제 378
Ajax에 대한 도전 381
Ajax 기능 바르게 쓰기 382
Hijax 383
Ajax의 미래 385
웹 애플리케이션 385
마지막 부탁 387
부록 Ⅰ. 유용한 DOM 메소드와 프로퍼티 389
메소드 390
노드 만들기 390
createElement 390
createTextNode 392
노드 복사하기 393
cloneNode 393
노드 추가 395
appendChild 395
insertBefore 396
노드 삭제 397
removeChild 398
노드 바꾸기 398
replaceChild 398
노드 값 변경 399
setAttribute 400
노드 찾기 400
getAttribute 401
getElementById 401
getElementsByTagName 402
hasChildNodes 403
프로퍼티 404
노드 프로퍼티 404
nodeName 404
nodeType 405
nodeValue 406
노드 내부 구조 보기 407
childNodes 407
firstChild 408
lastChild 408
nextSibling 409
parentNode 409
previousSibling 410
[한국어판 특별 부록]
부록 Ⅱ. 웹 표준 기반의 멋진 DOM 스크립트 예제 - 윤석찬 411
Lightbox2, 슬라이드형 사진첩 412
Sortable Table, 다이내믹 테이블 정렬 415
그 밖에 좋은 예제 찾아보기 419
롤 오버 이미지 기능 419
라운드 박스에서 불필요한 마크업 없애기 420
DHTMLgoodies.com 420
[한국어판 특별 부록]
부록 III. 다이내믹한 웹사이트를 위한 고려 사항 - 강규영 423
사용성 424
즉시 편집 UI 425
사용성은 디자이너가 고민해야 하는 것 아닐까? 428
뒤로가기 버튼과 즐겨찾기 429
협업을 위한 도구와 실천법 431
참고자료 433
출판사 서평
Klover 리뷰 (0)
북로그 리뷰 (0) 쓰러가기
북로그 리뷰는 본인 인증 후 작성 가능합니다.
책이나 타인에 대해 근거 없이 비방을 하거나 타인의 명예를 훼손할 수 있는 내용은 비공개 처리 될 수 있습니다.
※ 북로그 리뷰 리워드 제공 2021. 4. 1 종료
책이나 타인에 대해 근거 없이 비방을 하거나 타인의 명예를 훼손할 수 있는 내용은 비공개 처리 될 수 있습니다.
※ 북로그 리뷰 리워드 제공 2021. 4. 1 종료
문장수집 (0) 문장수집 쓰기 나의 독서기록 보기
※구매 후 문장수집 작성 시, 리워드를 제공합니다.
안내
교환/반품/품절안내
※ 상품 설명에 반품/교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다.)
| 반품/교환방법 | 마이룸 > 주문관리 > 주문/배송내역 > 주문조회 > 반품/교환신청 , [1:1상담>반품/교환/환불] 또는 고객센터 (1544-1900) ※ 오픈마켓, 해외배송주문, 기프트 주문시 [1:1상담>반품/교환/환불] 또는 고객센터 (1544-1900) |
|---|---|
| 반품/교환가능 기간 | 변심반품의 경우 수령 후 7일 이내, 상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내 |
| 반품/교환비용 | 변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담 |
| 반품/교환 불가 사유 |
|
| 상품 품절 | 공급사(출판사) 재고 사정에 의해 품절/지연될 수 있으며, 품절 시 관련 사항에 대해서는 이메일과 문자로 안내드리겠습니다. |
| 소비자 피해보상 환불지연에 따른 배상 |
|
기프트 BEST
![[동원] 동원샘물 웨이크업뷰티 500ml*20병](http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1764/S1641424942887.jpg)
![[1+1] 푹신푹신 유해물질 걱정없는 무소음 슬리퍼](http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1073/hot1651221757378.jpg)
![[한정수량] 알루미늄 높이 각도조절 노트북 받침대](http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1396/hot1651107871317.jpg)
![[해외]Dom Scripting (Paperback)](http://image.kyobobook.co.kr/images/book/large/336/l9781590595336.jpg)
LG U+ 구매안전서비스
▶서비스 가입 확인
고객님은 안전거래를 위해 현금 등으로 결제시 저희 쇼핑몰에서 가입한 LG유플러스의 구매안전서비스를 이용하실 수 있습니다.
정보보호관리체계
ISMS 인증획득
ISMS 인증획득
[인증범위] 온라인 교보문고 서비스 운영
[유효기간] 2020.11.04. ~ 2023.11.03.
바로가기
