기능목록>검색 : 해군사관학교 학술정보원

(Head First) HTML5 programming : 웹 표준으로 만드는 생동감 있는 웹 애플리케이션

QR코드

미리보기 도서정보

도서 상세정보
자료유형 :	단행본
ISBN :	9788979149326
분류기호 :	006.74
개인저자 :	프리먼, 에릭
서명/저자사항 :	(Head First) HTML5 programming: 웹 표준으로 만드는 생동감 있는 웹 애플리케이션/ 에릭 프리먼,; 엘리자베스 롭슨 지음; 홍형경 옮김.
원서명 :	Head First HTML5 programming:building web apps with Javascript
발행사항 :	서울: 한빛미디어, 2012.
형태사항 :	615 p.: 삽화; 24 cm.
일반주기 :	기타표제:초보자도 알기 쉬운 자바스크립트 웹 애플리케이션 개발 지침서
일반주기 :	찾아보기: p. 583-615
일반주기 :	부록:못다한 이야기들
일반주기 :	원저자명:Freeman, Eric
일반주기 :	원저자명:Robson, Elisabeth
개인저자 :	Freeman, Eric, 1965-
개인저자 :	Robson, Elisabeth
개인저자 :	롭슨, 엘리자베스
개인저자 :	홍형경
분류기호 :	006.74
언어	한국어

소장정보

해군사관학교

예예약
인인쇄
SSMS
서서가부재
보보존서고
우우선정리예약
무무인예약대출

예약

1. 예약현황은 홈페이지 로그인 후 예약 페이지에 확인 가능합니다.
2. 도착 통보된 예약자료 대출을 원하지 않는 경우에는 예약 현황에서 취소할 수 있습니다.
3. 기타 문의사항은 도서관에 문의 바랍니다.

닫기

무인예약대출

1. 무인예약대출 현황은 홈페이지 로그인 후 무인예약대출 페이지에 확인 가능합니다.
2. 무인예약대출자료 대출을 원하지 않는 경우에는 무인예약대출 페이지에서 신청 또는 접수상태인 경우만 취소할 수 있습니다.
3. 희망대출일은 신청일로부터 최대 1주일 까지 가능합니다.
4. 희망대출일을 선택하지 않은 경우 대출대기 통보 후 1주일까지 기기에서 대출가능합니다.
5. 기타 문의사항은 도서관에 문의 바랍니다.

닫기

목차
서문 = 23
누구를 위한 책일까요? = 24
지금 여러분은 이런 생각을 하고 있습니다 = 25
그리고 여러분의 두뇌는 이런 식으로 돌아가고 있습니다 = 25
초인지: 생각하는 것에 대해 생각하는 것 = 27
테크니컬 리뷰 팀 = 32
감사의 글 = 33
1 HTML5와 친해지기: 웹마을에 오신 걸 환영합니다 = 35
오늘 HTML5로 업그레이드하세요! = 36
HTML5-o-Matic을 소개합니다. 지금 여러분의 HTML을 갱신하세요! = 38
여러분은 생각보다 훨씬 HTML5에 가까이 다가왔습니다! = 41
HTML5를 파헤치다: HTML 최신 버전의 고백 = 45
진짜 HTML5는 자리에서 일어나세요... = 46
HTML5가 실제로 작동하는 방식... = 48
나는 누구일까요? = 50
첫 번째 임무: 브라우저 조사 = 51
자바스크립트로 무엇을 할 수 있을까? = 56
만만찮은 자바스크립트 작성하기 = 59
만만찮은 자바스크립트 작성하기, 재방문... = 60
핵심정리 = 65
연습문제 정답 = 67
2 자바스크립트와 DOM을 소개합니다 : 작지만 알찬 코드 = 69
자바스크립트 작동 방식 = 70
자바스크립트로 무엇을 할 수 있나? = 71
변수 선언하기 = 72
변수 이름을 짓는 방법 = 74
표현식 = 77
어떤 일을 반복 처리하기... = 80
자바스크립트로 결정하기 = 83
결정할 조건 늘리기...그리고 마지막 조건 = 84
페이지의 어디에 그리고 어떻게 자바스크립트를 끼워 넣을 것인가 = 87
자바스크립트가 페이지와 상호작용하는 방식 = 88
여러분만의 DOM 조리법 = 89
DOM 첫 시식 = 90
완전히 다른 두 기술이 어떻게 결합했을까요? = 92
페이지가 완전히 로드될 때까지는 DOM과 접촉하지 마세요 = 98
그 밖에도 DOM에 다른 좋은 기능이 있나요? = 100
다시 자바스크립트에 관해 얘기할까요? 자바스크립트에서 여러 개의 값을 저장하려면 어떻게 해야 하죠? = 101
Phrase-O-Matic = 105
핵심정리 = 109
연습문제 정답 = 111
3 이벤트, 핸들러, 기타 등등 : 작지만 알찬 상호작용 = 119
웹마을 튠즈 제작 준비 = 120
시작하기... = 121
"노래 추가" 버튼을 클릭했는데도 변한 게 없어요 = 122
이벤트 처리 = 123
작전 계획... = 124
"노래 추가" 버튼에 접근하기 = 124
버튼에 클릭 핸들러 부여하기 = 125
방금 무슨 일이 일어났는지 자세히 살펴봅시다... = 126
노래 제목 가져오기 = 128
페이지에 노래를 추가하려면 어떻게 해야 할까요? = 131
새로운 요소를 생성하는 방법 = 133
DOM에 요소 추가하기 = 134
모두 합쳐 봅시다... = 135
...그리고 시험 주행해 볼까요? = 135
복습 - 방금 작업했던 내용 = 136
미리 준비한 코드를 추가하는 방법... = 139
미리 준비한 코드 통합하기 = 140
핵심정리 = 142
연습문제 정답 = 144
4 자바스크립트 함수와 객체 : 진지한 자바스크립트 = 147
어휘 늘리기 = 148
자신만의 함수 추가하기 = 149
함수 작동 방식 = 150
함수 분석 = 155
지역변수와 전역변수 = 157
지역변수와 전역변수의 사용범위 파악하기 = 158
함수도 값이라고 얘기했던가요? = 162
방금 누군가 "객체"라고 말했나요?! = 165
자바스크립트에서 객체를 만드는 방법 =166
객체로 할 수 있는 것들 =167
객체를 함수로 전달하는 문제를 얘기해 봅시다 = 170
객체도 행동을 취합니다... = 176
다시 웹마을 시네마로 돌아와서... = 177
"this" 키워드 추가하기 = 179
생성자는 어떻게 만들까요? = 181
this가 정말 제 기능을 발휘할까요? = 183
작업 현장에서 생성자를 시험 주행해 보세요 = 187
도대체 window 객체의 정체는 무엇일까요? = 189
window.onload 자세히 들여다보기 = 190
document 객체 다시 살펴보기 = 191
document.getElementByld 자세히 들여다보기 = 191
한 번 더 고민해 봐야 할 객체: 요소 객체 = 192
핵심정리 = 194
연습문제 정답 = 196
5 HTML 위치 찾기 : 지오로케이션 = 199
위치, 위치, 위치 = 200
위도와 경도 = 201
지오로케이션은 여러분 위치를 어떻게 결정할까요? = 202
그런데 여러분은 어디에 있나요? = 206
이 모든 것은 어떤 식으로 작동하는 걸까요? = 210
위치의 비밀을 밝혀봅시다... = 213
거리 계산을 위한 코드 작성하기 = 215
페이지에 구글 지도 추가하기 = 217
지도에 핀을 꽂아 봅시다... = 220
마커 테스트 = 222
정확도를 얘기해 볼까요? = 225
"어디를 가더라도 거기엔 여러분이 있습니다" = 226
애플리케이션 준비 작업 = 227
이전 코드 재작업... =228
이동할 시간이 됐어요! = 230
몇 가지 옵션을 더 알아야 합니다... = 232
timeout과 maximumAge의 세계... = 233
집에서 해보세요(지오로케이션을 한계까지 몰아붙여봅시다) = 236
이제 애플리케이션을 완성해 봅시다! = 238
새로운 함수 통합하기 = 239
핵심정리 = 241
연습문제 정답 = 243
6 웹과 대화를 합시다 : 외향적인 애플리케이션 = 247
마이티 검볼은 웹앱을 간절히 원하고 있습니다 = 248
마이티 검볼에 대해 = 250
그럼 웹 서비스에 대한 요청은 어떻게 만들까요? = 253
자바스크립트로 요청을 생성하는 방법 = 254
XML로 이동해서 JSON을 만나봅시다 = 260
onload 핸들러 함수 작성하기 = 263
검볼 판매 데이터 보여 주기 = 264
나만의 서버 구축하기 = 265
JSON을 사용하도록 코드를 다시 작성하기 = 270
결승점을 향한 마지막 구간 주행... = 271
벼랑 끝에 몰렸어요! = 273
벼랑 끝에 몰렸던 것 기억나세요? 버그였습니다 = 276
브라우저 보안 정책이란 무엇일까요? = 278
그렇다면 우리가 가진 선택권에는 무엇이 있을까요? = 281
JSONP를 만나봅시다 = 286
그런데 JSONP에서 "P"는 무엇을 의미할까요? = 287
마이티 검볼 웹 애플리케이션을 수정합시다 = 290
1단계: script 요소 처리... = 298
2단계: 타이머를 설정합니다 = 299
3단계: JSONP 재구축 = 301
깜빡 잊을 뻔 했군요. 끔찍한 브라우저 캐시에 주의하세요 = 306
시간 처리 시험 주행 = 307
JSON URL에 lastreporttime 추가하기 = 309
핵심정리 = 311
7 예술적 감각을 깨워봅시다 : 캔버스 = 315
신규 사업 : TweetShirt = 316
"시제품" 분석 = 317
웹 페이지에 캔버스를 추가하는 방법 = 320
캔버스를 보이게 만들어 봅시다 = 322
캔버스에 그림 그리기 = 324
우아한 실패 = 329
TweetShirt: 큰 그림을 그려 봅시다 = 331
먼저 HTML부터 만들어 봅시다 = 334
이제〈form〉을 추가해 봅시다 = 335
자바스크립트를 사용할 때가 되었습니다 = 336
drawSquare 함수 작성하기 = 338
fillBackgroundColor를 호출하는 코드를 추가하세요 = 341
다시 TweetShirt.com으로 돌아와서... = 343
괴짜 화기 = 345
arc 메서드 분석하기 = 348
호 사용법 맛보기 = 350
나는 도, 당신은 라디안 = 351
TweetShirt 원 그리기 코드로 돌아와서... = 352
drawCircle 함수 작성하기... = 353
트윗 가져오기 = 357
캔버스 텍스트 자세히 보기 = 362
drawText 함수 검토 = 364
drawText 함수 마무리하기 = 365
핵심정리 = 372
연습문제 정답 = 375
8 아버지 세대의 tv가 아니에요 : 비디오 = 383
웹마을 TV를 만나다 = 384
먼저 HTML을 작성해 봅시다... = 385
video 요소는 어떤 식으로 작동하는 걸까요? = 387
video 특성을 자세히 알아봅시다... = 388
비디오 형식에 관해 알아야 할 것들 = 390
이 모든 형식을 효율적으로 사용하는 방법은... = 392
비디오 관련 API가 있다고 들었는데요? = 397
웹마을 TV에 몇 가지 "프로그램"을 추가해 봅시다 = 398
"비디오 종영 처리"핸들러를 작성하는 방법 = 401
canPlayType 메서는 어떻게 작동하나 = 403
시연 장치의 포장을 뜯어봅시다 = 409
나머지 공장 코드 검사하기 = 410
setEffect와 setVideo 핸들러 = 412
비디오 컨트롤 구현하기 = 418
다른 비디오 선택하기 = 421
특수 효과를 처리할 때가 되었습니다 = 423
비디오는 어떤 식으로 처리되는 걸까요? = 426
스크래치 버퍼를 사용해서 비디오를 처리하는 방법 = 427
캔버스와 함께 스크래치 버퍼 구현하기 = 429
이제 특수 효과를 주는 코드를 작성해야 합니다 = 433
에러 이벤트를 사용하는 방법 = 440
핵심정리 = 442
연습문제 정답 = 444
9 로컬에 저장하기 : 웹 저장소 = 447
브라우저의 저장소 운영 방식(1995〜2000) = 448
HTML5 웹 저장소의 작동 방식 = 451
나를 위한 메모 = 452
태어나자마자 로컬 저장소와 배열은 헤어진 걸까요? = 458
인터페이스 제작 = 463
이제 자바스크립트를 추가해 봅시다 = 464
또 다른 시험 주행 시간이 됐습니다! = 465
체계적 구성을 위해 잠시 멈출 필요가 있습니다 = 468
자가 정비 = 469
우리에게는 그 일을 해결하는 기술이 있습니다... = 473
배열을 사용하도록 애플리케이션 다시 작성하기 = 474
배열을 사용하도록 createSticky 변환하기 = 475
스티키 노트 삭제하기 = 480
deleteSticky 함수 = 483
삭제할 스티키는 어떻게 선택해야 할까요? = 484
이벤트에서 삭제하기 위해 스트키를 가져오는 방법 = 485
DOM에서도 스티키를 삭제해 봅시다 = 486
색을 입힐 수 있도록 사용자 인터페이스를 갱신해 봅시다 = 487
JSON.stringify는 배열만을 위해 존재하는 것은 아닙니다 = 488
새로운 stickyObj 사용하기 = 489
집에서 해보세요(아니면 5메가바이트를 날려버리든지요) = 492
이제 localStorage에 대해 알고 있으니, 어떤 식으로 사용할 계획이죠? = 496
핵심정리 = 498
연습문제 정답 = 500
10 자바스크립트 일시키기 : 웹 워커 = 507
끔찍할 정도로 느린 자바스크립트 = 508
자바스크립트가 시간을 보내는 방식 = 508
단일 스레드가 문제가 되는 경우 = 509
도움이 될 만한 제어 스레드 추가하기 = 510
웹 워커가 일하는 방식 = 512
여러분의 첫 번째 웹 워커... = 517
manager.js 작성하기 = 518
워커로부터 메시지 받기 = 519
이제 워커를 만들어 봅시다 = 520
가상의 토지 점령 = 528
만델브로 집합 계산 방법 = 530
여러 개의 워커를 사용하는 방법 = 531
프랙털 탐색기를 만들어 봅시다 = 537
미리 준비한 코드 = 538
워커를 생성하고 일거리를 주세요... = 542
코드 작성하기 = 543
워커에 일시키기 = 544
워커 구현하기 = 545
코드로 돌아와서: 워커의 작업 결과를 어떻게 처리해야 할까요? = 548
브라우저 창에 캔버스 맞추기 = 551
꼼꼼한 개발자 = 552
실험실에서 = 554
핵심정리 = 558
연습문제 정답 = 560
부록: 못다한 이야기들 = 565
1 모더나이저(Modernizr) = 566
2 오디오 = 567
3 jQuery = 568
4 장수했던 XHTML이 세상을 떠났습니다 = 570
5 SVG = 571
6 오프라인 웹 애플리케이션 = 572
7 웹 소켓 = 573
8 다양한 캔버스 API = 574
9 선택자 API = 576
10 여기서 끝이 아닙니다! = 577
새 보금자리를 위한 HTML5 지침서 = 579
HTML5 시맨틱 요소에 대한 웹마을 지침서 = 580
새 보금자리를 위한 CSS3 스타일 추가하기 = 582
찾아보기 = 583