상세정보

한 손에 쏙 잡히도록 구성한 자바스크립트 참고서. 지하철이나 사무실 한 켠에서 또는 흔들리는 버스 안에서도 볼 수 있을 정도의 크기로 구성했다.

이 책은 9장으로 구성되어 있다. 자바스크립트의 사용법과 프로그래밍의 기본적인 설명과 함수를 어떻게 적용하는가에 세부적인설명, 이벤트를 이용하여 자바스크립트에서 키보드의 입력이나 마우스의 움직임 등을 감시하여 그에 필요한 프로시저를 호출하여 독특한 기능들을 만들어 낼수 있는 방법, 그리고 계층적인 구조와 사용자 정의 객체에 대해 설명하였다.

마지막으로 단원의 기능들을 종합하여 사용된 것을 실제 사용하는 방법과 응용 방법을 알수 있도록 예제를 따라하기 방식으로 설명.

정보제공 :

목차
1장 자바스크립트란 무엇인가? = 28
 01 : 자바스크립트와 자바의 차이점 = 29
  1. 자바스크립트(JavaScript) = 29
  2. 자바(Java) = 29
 02 : 자바스크립트의 사용법 = 31
  1. 동작 설명 = 32
  2. 쉽게 풀어서 이해하기 = 34
 03 : 자바스크립트의 기본 형태 = 39
2장 프로그래밍의 기본적인 설명 = 42
 04 : 컴퓨터에서 동작하는 프로그램 = 43
  1. 컴퓨터에서 어떻게 프로그램이 구성되고 동작하는 것일까? = 43
   - 화면 설계 = 44
   - 흐름 설계 = 45
   - 코딩(타이핑 연습) = 47
   - 제작된 함수를 HTML 문서에서 사용하기 = 50
 05 : 누구나 할 수 있는 스크립트 = 53
3장 구문과 기본 명령어 = 58
 06 : 데이터 타입 = 59
  1. 정수 = 59
   10진수 = 59
   8진수 = 59
   16진수 = 59
  2. 실수 = 59
   일반적인 실수 = 59
   지수형 실수 = 59
  3. 논리 = 60
   참 = 60
   거짓 = 60
  4. 문자열 = 60
  5. Null 값 = 60
  6. undefined 값 = 61
  7. 데이터형 변환 = 62
   숫자형을 문자형으로 사용하기 = 62
   문자형을 숫자형으로 사용하기 = 63
 07 : 변수 = 65
  1. 변수란 무엇인가? = 65
  2. 변수 선언 = 65
  3. 지역변수 ／ 전역변수 = 67
 08 : 연산자 = 71
  1. 산술 연산자 = 71
  2. 대입 연산자 = 73
   ≪〓(왼쪽으로 비트를 이동) = 77
   ≫〓(오른쪽으로 비트를 이동) = 77
   - &〓(AND 연산 후 대입) = 77
  3. 비교 연산자 = 78
   같은 연산자(＝＝ : Equal) = 78
   같지 않은 연산자(!＝ : Not equal) = 79
   엄한 규칙의 같은 연산자(＝＝＝ : Strict equal) = 79
   엄한 규칙의 같지 않은 연산자(!＝＝ : Strict not equal) = 80
   보다 큰 연산자(＞ : Greater than) = 80
   보다 크거나 작은 연산자(＞＝ : Greater than or equal) = 80
   보다 작은 연산자(＜ : Less than) = 80
   보다 작거나 같은 연산자(＜＝ : Less than or equal) = 81
  4. 논리 연산자 = 81
   논리곱 연산자(&&) = 81
   논리합 연산자(∥) = 82
   부정 연산자(!) = 82
  5. 비트 연산자 = 82
   AND 연산자(&) = 83
   OR 연산자(|) = 83
   XOR 연산자(^) = 84
   NOT 연산자(∼) = 84
   Left Shift 연산자(≪) = 85
   Right Shift 연산자(≫) = 85
   Zero Fill Right Shift 연산자(〉〉〉) = 86
  6. 문자(String) 연산자 = 88
  7. 특별한 연산자 = 90
   조건적인 연산자(?:) = 90
   콤마 연산자(,) = 91
   delete 연산자(delete) = 92
   new 연산자(new) = 94
   this 연산자(this) = 95
   typeof 연산자 = 96
   void 연산자 = 97
  8. 연산자의 우선 순위 = 98
 09 : 제어문 = 99
  1. if... else 문 = 99
  2. switch 문 = 102
  3. for 문 = 104
  4. for...in 문 = 106
  5. while 문 = 108
  6. do... while 문 = 109
  7. break 문 = 111
  8. continue 문 = 113
  9. label 문 = 116
 10 : 특수 문자(제어 문자) = 117
4장 함수 사용법 = 120
 11 : 함수의 정의 = 121
  1. 함수 선언 방법 = 123
 12 : 매개 변수 전달 = 125
  1. 메인 프로그램에서 함수로 초기 값을 전달 = 125
  2. 함수에서 메인 프로그램으로 결과 값을 전달 = 126
 13 : 함수 호출하기 = 128
  1. 프로그램에서 함수 호출하기 = 128
  2. HTML 객체에서 함수 호출하기 = 128
 14 : 최상위 함수 = 132
  1. 최상위 함수(전역 함수) = 132
   escape ／ unescape 함수 = 132
   eval 함수 = 134
   isFinite 함수 = 136
   Number ／ String 함수 = 138
   parseFloat ／ parselnt = 139
5장 이벤트(Event) = 142
 15 : 이벤트란? = 143
 16 : 이벤트의 종류 = 145
 17 : HTML 태그별 발생하는 이벤트 = 146
 18 : 이벤트 핸들러 사용 방법 = 168
  1. onAbort 이벤트 = 168
  2. onClick 이벤트 = 168
  3. onMouseover와 onMouseout 이벤트 = 169
  4. onFocus와 onBlur 이벤트 = 172
  5. onError 이벤트 = 175
  6. onLoad 이벤트 = 176
  7. onUnload 이벤트 = 178
  8. onResize 이벤트 = 179
  9. onReset 이벤트 = 181
  10. onSubmit 이벤트 = 184
  11. onKeydown, onKeyup, onKeypress 이벤트 = 188
  12. onChange 이벤트 = 191
 19 : 이벤트 흐름 제어 = 194
  1. 이벤트가 흘러가는 경로 = 194
  2. 이벤트 제어 함수 = 195
   captureEvents 함수 = 195
   releaseEvents 함수 = 196
   routeEvent ／ handleEvent 함수 = 201
6장 자바스크립트 객체 = 206
 20 : 객체란 무엇인가? = 207
  1. 객체의 종류 = 208
  2. 객체 사용 방법 = 209
   객체의 속성 값 변경 = 209
   객체의 함수 사용 = 210
   with 연산자 사용하기 = 211
 21 : 자바스크립트 내부 객체 = 214
  1. Array(배열) 객체 = 214
   사용 형식 = 214
   속성(Property) = 216
    index ／ input 속성 = 217
    length 속성 = 218
   함수 = 220
    concat 함수 = 220
    join 함수 = 222
    pop 함수 = 223
    push 함수 = 224
    reverse 함수 = 225
    shift 함수 = 227
    slice 함수 = 228
    splece = 229
    sort 함수 = 231
    unshift = 234
  2. Boolean(참 ／ 거짓) 객체 = 235
   사용 형식 = 235
   속성(Property) = 237
   함수 = 237
  3. Data(날짜) 객체 = 237
   사용형식 = 237
   속성(Property) = 238
   함수(Method) = 239
    getDate 함수 = 241
    getDay 함수 = 241
    getFullYear 함수 = 241
    getHours 함수 = 241
    getMilliseconds 함수 = 241
    getMinutes 함수 = 242
    getMonth 함수 = 242
    getSeconds 함수 = 242
    gettime 함수 = 242
    getTimezoneOffset 함수 = 244
    getUTCDate 함수 = 245
    getUTCDay 함수 = 245
    getUTCFullYear 함수 = 245
    getUTCHourse 함수 = 245
    getUTCMilliseconds 함수 = 245
    getUTCMinutes 함수 = 246
    getUTCMonth 함수 = 246
    getUTCSeconds 함수 = 246
    getYear 함수 = 246
    parse 함수 = 246
    setDate 함수 = 248
    setFullYear 함수 = 248
    setHours 함수 = 248
    setMilliseconds 함수 = 248
    setMinutes 함수 = 249
    setMonth 함수 = 249
    setSecond 함수 = 249
    setTime 함수 = 249
    setUTCDate 함수 = 251
    setUTCFullYear 함수 = 251
    setUTCHours 함수 = 252
    setUTCMillisconds 함수 = 252
    setUTCMinutes 함수 = 252
    setUTCMonth 함수 = 252
    setUTCSeconds 함수 = 253
    setYear 함수 = 254
    toGMTString ／ toUTCString 함수 = 255
    toLocaleString 함수 = 256
    UTC 함수 = 257
  4. Math(수학 함수) 객체 = 258
   사용형식 = 259
   속성 = 259
   함수 = 259
    abs 함수 = 260
    acos 함수 = 260
    asin 함수 = 260
    atan 함수 = 261
    atan2 함수 = 261
    ceil 함수 = 261
    cos 함수 = 262
    exp 함수 = 262
    floor 함수 = 622
    log 함수 = 262
    max 함수 = 263
    min 함수 = 263
    pow 함수 = 263
    random 함수 = 264
    round 함수 = 264
    sin 함수 = 264
    sqrt 함수 = 264
    tan 함수 = 265
  5. Number(숫자 데이터) 객체 = 267
   사용 형식 = 267
   속성 = 268
    MAX_VALUE 속성 = 268
    MIN_VALUE 속성 = 269
    NaN 속성 = 269
    NEGATIVE_INFINITY 속성 = 269
    POSITIVE_INFINITY 속성 = 269
   함수 = 270
  6. RegExp(정규 표현식) 객체 = 270
   사용 형식 = 270
   정규 표현식에 사용되는 특수문자 = 271
   정규 표현식 문자 클래스 = 272
   정규 표현식 반복 문자 = 272
   정규 표현식의 선택, 묶음, 참조 문자 = 273
   정규 표현식의 위치 지정 문자 = 273
   속성 = 274
    $1, ..., $9 속성 = 275
    global 속성 = 276
    ignoreCase 속성 = 277
    input 속성 = 278
    lastIndex 속성 = 278
    lastMatch 속성 = 278
    lastParen 속성 = 278
    leftContext 속성 = 278
    multiline 속성 = 278
    rightContext 속성 = 278
    source 속성 = 279
   함수 = 280
    compile 함수 = 281
    exec 함수 = 282
    test 함수 = 283
  7. String(문자열) 객체 = 285
   사용 형식 = 285
   속성 = 285
    length 속성 = 286
   함수 = 287
    anchor 함수 = 288
    big 함수 = 289
    blink 함수(네비게이터 전용) = 289
    bold 함수 = 289
    fixed 함수 = 290
    fontcolor 함수 = 290
    fontsizer 함수 = 290
    italics 함수 = 291
    link 함수 = 291
    small 함수 = 291
    sub 함수 = 292
    sup 함수 = 292
    strike 함수 = 292
    concat 함수 = 294
    charAT 함수 = 295
    charCodeAt 함수 = 295
    formCharCode 함수 = 297
    indexOf 함수 = 298
    lastIndexOf 함수 = 299
    match 함수 = 300
    replace 함수 = 301
    search 함수 = 302
    slice 함수 = 304
    split 함수 = 305
    substr 함수 = 306
    substring 함수 = 308
    toLowerCase 함수 = 309
    toUpperCase 함수 = 309
7장 브라우저 객체의 계층 구조 = 312
 22 : 웹 브라우저 객체의 계층 구조 = 313
 23 : 브라우저 객체 = 315
  1. Window 객체 = 315
   속성 = 315
    closed 속성 = 317
    crypto 속성 = 319
    defaultStatus 속성 = 320
    document 속성 = 321
    frames 속성 = 321
    history 속성 = 322
    innerHeight 속성 = 322
    innerWidth 속성 = 322
    length 속성 = 323
    location 속성 = 323
    locationbar 속성 = 323
    menubar 속성 = 323
    name 속성 = 324
    offscreenBuffering 속성 = 324
    opener 속성 = 324
    outerHeight 속성 = 324
    outerWidth 속성 = 325
    pageXOffset 속성 = 325
    pageYOffset 속성 = 325
    parent 속성 = 325
    personalbar 속성 = 326
    screenX 속성 = 326
    screenY 속성 = 326
    scrollbars 속성 = 326
    self 속성 = 327
    satus 속성 = 327
    satusbar 속성 = 327
    toolbar 속성 = 327
    top 속성 = 327
    window 속성 = 328
   함수 = 330
    alert 함수 = 332
    atob 함수 = 333
    back 함수 = 333
    blur 함수 = 334
    btoa 함수 = 334
    clearInterval 함수 = 335
    clearTimeout 함수 = 335
    close 함수 = 336
    confirm 함수 = 336
    crypto.random 함수 = 337
    crypto.signText 함수 = 338
    disableExternalCapture 함수(네비게이터 전용 함수) = 338
    enableExternalCapture 함수(네비게이터 전용 함수) = 339
    find 함수 = 339
    focus 함수 = 339
    forward 함수 = 341
    home 함수 = 341
    moveBy 함수 = 341
    moveTo 함수 = 341
    open 함수 = 343
    print 함수 = 346
    prompt 함수 = 346
    resizeBy 함수 = 347
    resizeTo 함수 = 347
    scroll 함수 = 349
    scrollBy 함수 = 349
    scrollTo 함수 = 350
    setHotKeys 함수(네비게이터 전용 함수) = 352
    setInterval 함수 = 352
    setResizable 함수 = 354
    setTimeout 함수 = 354
    setZOpiton 함수 = 356
    stop 함수 = 357
   이벤트 = 357
  2. Frame 객체 = 358
  3. Document 객체 = 358
   속성(Property) = 358
    색상에 관련된 속성(alinkColor, bgColor, fgColor, linkColor, vlinkColor) = 359
    anchors 속성 = 359
    applets 속성 = 360
    cookie 속성 = 360
    classes 속성 = 364
    embeds 속성 = 364
    Forms 속성 = 365
    ids 속성 = 365
    images 속성 = 365
    lastModified 속성 = 366
    layers 속성 = 366
    links = 366
    plugins 속성 = 367
    referrer ／ domain 속성 = 367
    tags 속성 = 367
    title 속성 = 367
    URL ／ location 속성 = 368
   함수(Method : 메소드) = 368
    close 함수 = 369
    contextual 함수 = 369
    getSelection 함수 = 369
    open 함수 = 369
    write 함수 = 370
   이벤트 = 371
  4. Form 객체 = 371
   속성(Property) = 371
    action 속성 = 372
    elements 속성 = 372
    encoding 속성 = 372
    length 속성 = 372
    method 속성 = 373
    name 속성 = 373
    target 속성 = 373
   함수(Method) = 374
    reset 함수 = 374
    submit 함수 = 374
   이벤트 = 374
   Form 객체에 포함되는 요소 = 375
    Text 객체 = 375
    Button 객체 = 376
    radio 객체 = 376
    checkbox 객체 = 377
    select 객체 = 377
    hidden 객체 = 378
    FileUpload 객체 = 379
   Form 객체에 포함되는 요소 설명 = 379
    checked 속성 = 380
    defaultChecked 속성 = 380
    length 속성 = 381
    options[] 속성 = 381
    selectedIndex 속성 = 381
    type 속성 = 382
    value 속성 = 382
    blur 속성 = 382
    click 함수 = 382
    focus 함수 = 383
    slelct 함수 = 383
  5. Image 객체 = 383
   속성(Property) = 383
    border 함수 = 384
    complete 함수 = 384
    height ／ width 속성 = 385
    hspace ／ vspace 속성 = 385
    src 속성 = 385
    name 속성 = 386
    lowsrc 속성 = 386
   함수(Method) = 386
   이벤트(Event) = 386
  6. Location 객체 = 387
   속성(Property) = 387
   속성 사용 방법 = 388
   함수(Method) = 388
    reload 함수 = 388
    replace 함수 = 388
  7. Link 객체 = 389
   속성 = 389
    target 속성 = 389
   함수(Method) = 390
   이벤트 = 390
  8. History 객체 = 390
   속성 = 390
    length 속성 = 391
   함수 = 391
    back 함수 = 391
    forward 함수 = 391
    go 함수 = 392
  9. Layer 객체 = 392
   속성(Property) = 392
    above 속성 = 393
    background 속성 = 393
    bgcolor 속성 = 394
    below 함수 = 394
    Clip 함수 = 394
    document 함수 = 395
    left(x), top(y) 속성 = 395
    name 함수 = 395
    page(x), page(y) 함수 = 395
    parentLayer 속성 = 396
    siblingAbove 속성 = 396
    siblingBelow 속성 = 396
    src 속성 = 397
    visibility 속성 = 397
    zIndex 속성 = 398
   함수(Method) = 398
    load 함수 = 398
    moveAbove 함수 = 399
    moveBelow 함수 = 399
    moveBy 함수 = 399
    moveTo 함수 = 399
    movetoAbsolute 함수 = 400
    reszieBy 함수 = 400
    reszieTo 함수 = 400
   이벤트(Event) = 401
  10. Navigator 객체 = 401
   속성(Property) = 401
    addCodeName 속성 = 402
    addName 속성 = 402
    addVersion 속성 = 402
    language 속성 = 402
    mimeTypes 속성 = 403
    platform 속성 = 403
    plugins 속성 = 403
    userAgent 속성 = 404
   함수(Method) = 405
    javaEnable 함수 = 405
    plugins.refresh 함수 = 406
    preference 함수 = 406
    savePreferences 함수 = 406
    taintEnabled 함수 = 407
  11. mineType 객체 = 408
   속성(Property) = 408
  12. Plugin 객체 = 410
   속성(Property) = 411
8장 사용자 정의 객체 = 414
 24 : 객체 생성 = 415
  1. Object(객체 모델) 객체 = 415
   사용 형식 = 415
   속성 = 415
    constructor 속성 = 416
    prototype 속성 = 417
   함수(Method) = 418
    eval 함수 = 418
    toSource 함수 = 419
    toString 함수 = 421
    watch 함수 = 422
    unwatch 함수 = 422
    valueOf 함수 = 424
  2. Function 객체 = 426
   사용 형식 = 426
   속성(Property) = 427
    arguments 속성 = 427
    arguments.callee 속성 = 427
    arguments.caller 속성 = 427
    arguments.length 속성 = 428
    arity 속성 = 429
    length 속성 = 429
   함수(Method) = 431
    apply 함수 = 432
    call 함수 = 432
  3. Object 객체로 선언하는 경우 = 434
  4. Function 객체로 선언하는 경우 = 435
  5. 대입 연산자(＝)를 사용하여 선언하는 경우 = 438
 25 : 사용자 정의 객체 속성과 함수 = 440
  사용 형식 = 440
9장 자바스크립트 예제 = 444
 26 : 회원가입 Form 검증하기 = 445
  1. 회원가입 양식 HTML 작성 = 445
   Form 객체의 이름과 속성 = 445
   HTML 소스 = 446
  2. FORM 객체의 입력 값을 검증하는 스크립트 제작 = 449
   주민등록번호 확인(check_citizen) = 451
   객체의 값과 길이 확인(check_value) = 452
   메인 함수(check_it) = 453
  3. Form에서 함수 사용 = 455
  4. 사용자 아이디 중복 확인 = 457
   새로운 윈도우 생성 = 457
   아이디 검색 HTML 전체 소스 = 459
   newWindow 함수 사용 = 461
  5. 주소 검색 기능 = 461
   주소 리스트 선택 = 462
   주소 검색 HTML 전체 소스 = 463
   newWindow 함수 사용 = 465
  6. 회원가입 신청서 전체 소스 = 465
 27 : Layer를 사용한 동적 HTML = 475
  1. 레이어를 이동하는 함수(moveLayer) = 475
  2. 레이어를 연속으로 이동시키는 함수(aniLayer) = 475
  3. 시작 함수 만들기 = 477
  4. 전체 스크립트의 소스 = 478
  5. IE 브라우저에서 가능하게 만들기 = 480
 28 : 키보드 레이어 예제 = 483
  1. HTML 파일 제작 = 483
  2. 키보드 이벤트를 캡쳐 = 483
  3. 레이어를 움직이는 기능 만들기 = 486
  4. 전체 소스와 실행 = 488
 29 : Layer 이미지로 애니메이션 만들기 = 492
  1. HTML 파일 제작 = 492
  2. 시작 좌표와 끝 좌표로 프레임 좌표 계산 함수 제작 = 493
  3. aniLayer() 함수 수정 = 494
  4. 스크립트 전체 소스 = 496
  5. 전역변수의 기능 = 498
  6. 실행하기 = 499
 30 : frameless 윈도우 만들기(IE전용) = 501
  1. 실행 화면 = 501
  2. 스크립트 전체 소스 = 502
  3. 소스분석 = 504
 31 : 쿠키를 이용한 전화번호부 = 507
  1. HTML 파일 제작 = 507
  2. 쿠키 설정 함수 제작 = 509
   쿠키를 설정하는 함수(Setcookie) = 510
   쿠키를 삭제하는 함수(Delcookie) = 510
   쿠키를 가져오는 함수(Getcookie) = 510
  3. 전화번호부 리스트에서 데이터 추가 함수 제작(addlist) = 511
  4. 전화번호부 리스트에서 데이터 삭제 함수 제작(dellist) = 512
  5. 전화번호부 리스트에서 데이터 수정 함수 제작(editlist) = 513
  6. 초기화 함수(init) = 514
  7. 스크립트 전체 소스 = 514
찾아보기 = 523