°£Æí°áÁ¦, ½Å¿ëÄ«µå û±¸ÇÒÀÎ
ÀÎÅÍÆÄÅ© ·Ôµ¥Ä«µå 5% (29,930¿ø)
(ÃÖ´ëÇÒÀÎ 10¸¸¿ø / Àü¿ù½ÇÀû 40¸¸¿ø)
ºÏÇǴϾð ·Ôµ¥Ä«µå 30% (22,050¿ø)
(ÃÖ´ëÇÒÀÎ 3¸¸¿ø / 3¸¸¿ø ÀÌ»ó °áÁ¦)
NH¼îÇÎ&ÀÎÅÍÆÄÅ©Ä«µå 20% (25,200¿ø)
(ÃÖ´ëÇÒÀÎ 4¸¸¿ø / 2¸¸¿ø ÀÌ»ó °áÁ¦)
Close

PPK ÀÚ¹Ù½ºÅ©¸³Æ®

¼Òµæ°øÁ¦

2013³â 9¿ù 9ÀÏ ÀÌÈÄ ´©Àû¼öÄ¡ÀÔ´Ï´Ù.

ÆǸÅÁö¼ö 44
?
ÆǸÅÁö¼ö¶õ?
»çÀÌÆ®ÀÇ ÆǸŷ®¿¡ ±â¹ÝÇÏ¿© ÆǸŷ® ÃßÀ̸¦ ¹Ý¿µÇÑ ÀÎÅÍÆÄÅ© µµ¼­¿¡¼­ÀÇ µ¶¸³ÀûÀÎ ÆǸŠÁö¼öÀÔ´Ï´Ù. ÇöÀç °¡Àå Àß Æȸ®´Â »óÇ°¿¡ °¡ÁßÄ¡¸¦ µÎ¾ú±â ¶§¹®¿¡ ½ÇÁ¦ ´©Àû ÆǸŷ®°ú´Â ´Ù¼Ò Â÷ÀÌ°¡ ÀÖÀ» ¼ö ÀÖ½À´Ï´Ù. ÆǸŷ® ¿Ü¿¡µµ ´Ù¾çÇÑ °¡ÁßÄ¡·Î ±¸¼ºµÇ¾î ÃÖ±ÙÀÇ À̽´µµ¼­ È®Àνà À¯¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù. ÇØ´ç Áö¼ö´Â ¸ÅÀÏ °»½ÅµË´Ï´Ù.
Close
°øÀ¯Çϱâ
Á¤°¡

35,000¿ø

  • 31,500¿ø (10%ÇÒÀÎ)

    1,750P (5%Àû¸³)

ÇÒÀÎÇýÅÃ
Àû¸³ÇýÅÃ
  • S-Point Àû¸³Àº ¸¶ÀÌÆäÀÌÁö¿¡¼­ Á÷Á¢ ±¸¸ÅÈ®Á¤ÇϽŠ°æ¿ì¸¸ Àû¸³ µË´Ï´Ù.
Ãß°¡ÇýÅÃ
  • 3/19(È­) À̳» ¹ß¼Û ¿¹Á¤  (¼­¿ï½Ã °­³²±¸ »ï¼º·Î 512)
  • ¹«·á¹è¼Û
  • ÁÖ¹®¼ö·®
    °¨¼Ò Áõ°¡
    • À̺¥Æ®/±âȹÀü

    • ¿¬°üµµ¼­(28)

    • »óÇ°±Ç

    AD

    Ã¥¼Ò°³

    8°¡Áö ½ÇÀü ÇÁ·ÎÁ§Æ®·Î ¸ð´øÇÏ°í ±¸Á¶ÀûÀÎ ½Ç¿ë ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ÇнÀ!

    ÀÌ Ã¥Àº ±¹Á¦ÀûÀ¸·Î ÀÎÁ¤¹Þ´Â ÀÚ¹Ù½ºÅ©¸³Æ® Àü¹®°¡ ÇÇÅÍ Æú ÄÛ(Àϸí PPK)ÀÇ Àú¼­·Î, ÀÚ¹Ù½ºÅ©¸³Æ® Áö½ÄÀ» ¾Ë±â ½±°Ô Ç®ÀÌÇÑ °ÍÀÌ´Ù. ÇÇÅÍ Æú ÄÛÀº W3C DOM ºê¶ó¿ìÀú ȣȯ¼º Å×À̺í·Î À¯¸íÇÑ À¥ °³¹ßÀÚÀÇ ¹ÙÀ̺í www.quirksmode.orgÀ» ¿î¿µÇÏ°í ÀÖ´Ù. ÀúÀÚ´Â ÀÌ Ã¥À» ÅëÇØ À¥°ú ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ±Ùº»ÀûÀÎ ÀÌÇظ¦ Àü´ÞÇÏ°í, ±â¼ú°ú ÆÁÀ» Àü¼öÇÑ´Ù.

    ºê¶ó¿ìÀú ºñȣȯ¼º, À¥ Á¢±Ù¼º, Àú¼öÁØ ¹®¹ý, ½ºÅ©¸³Æ® ºÐ¸®, HTML ±¸Á¶ °èÃþ°ú ¿¬µ¿ÇÏ´Â ¹æ¹ýÀ» ¼³¸íÇÑ´Ù. 1ÀåºÎÅÍ 4Àå±îÁö´Â °í¼öÁØÀÇ ÁÖÁ¦¸¦ ´Ù·é´Ù. ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¸ñÀû°ú ¿ª»ç, ±â¼úÀûÀÎ °³¿ä, ÀÚ¹Ù½ºÅ©¸³Æ®°¡ ¾²À̴ ȯ°æ, ºê¶ó¿ìÀú ºñȣȯ¼º°ú ±×°ÍÀ» ´Ù·ç´Â Àü·«, ÀÚ¹Ù½ºÅ©¸³Æ®¿Í HTML ±¸Á¶ °èÃþ ¹× ÃʱâÈ­¿ÍÀÇ »óÈ£ÀÛ¿ë µîÀ» ¼Ò°³ÇÑ´Ù.

    ±×¸®°í 5ÀåºÎÅÍ 10Àå±îÁö´Â ±â¼úÀûÀÎ ÁÖÁ¦¸¦ ´Ù·é´Ù. ÄÚ¾î, BOM, À̺¥Æ®, DOM, CSS ¼öÁ¤, µ¥ÀÌÅÍ Àü¼Û¿¡ ´ëÇØ À̾߱âÇÑ´Ù. ÀÚ¹Ù½ºÅ©¸³Æ®°¡ ¿Ö ÇöÀçÀÇ ¸ð½ÀÀÌ µÇ¾ú´ÂÁö, ¾ÕÀ¸·Î ¾î¶»°Ô º¯Çسª°¥ °ÍÀÎÁö, ÀÌ ±â¼úÀÇ ÇÙ½É À̽´´Â ¹«¾ùÀÎÁö¸¦ Á¤¸®ÇÏ¿´´Ù. ¶ÇÇÑ ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ »ç¿ë°ú ¹ßÀü ¹æÇâ¿¡ ÀÖ¾î ¿Ã¹Ù¸¥ ¹æÇâÀÌ ¹«¾ùÀÎÁö¿¡ ´ëÇÑ ÀúÀÚÀÇ »ý°¢µµ ´ã¾Ò´Ù.

    ÃâÆÇ»ç ¼­Æò

    ÀÌ Ã¥Àº ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¿ªÇÒ°ú ÄÁÅؽºÆ®¸¦ Á¤ÀÇÇϸ鼭 ½ÃÀ۵ȴÙ. ÀÚ¹Ù½ºÅ©¸³Æ®°¡ »ç¿ëµÇ±â¿¡ °¡Àå ÀûÇÕÇÑ ÀÛ¾÷µéÀ» Á¤ÀÇÇϸç, µð¹ö±ë, º¹ÀâÇÑ ºê¶ó¿ìÀú ¹®ÀÚ¿­°ú »çÀÌÆ®ÀÇ HTML ±¸Á¶¿¡ ½ºÅ©¸³Æ®¸¦ ºÙÀÌ´Â °Í¿¡ °üÇØ ¼³¸íÇÑ´Ù. ±×¸®°í ÀÌ Ã¥ÀÇ ÇÙ½ÉÀûÀÎ ºÎºÐÀ¸·Î, ÀÚ¹Ù½ºÅ©¸³Æ® ÄÚ¾î ¾ð¾î, ºê¶ó¿ìÀú °´Ã¼ ¸ðµ¨(BOM), À̺¥Æ® Çڵ鸵, ¹®¼­ °´Ã¼ ¸ðµ¨(DOM), CSS º¯°æ°ú µ¥ÀÌÅÍ ¾ò¾î¿À±â¿¡ ´ëÇØ ¼³¸íÇÑ´Ù. ÀüüÀûÀ¸·Î ÀÌ·ÐÀûÀÎ ¼³¸í°ú ÇÔ²² °ü·ÃµÈ ¿¹Á¦ ½ºÅ©¸³Æ®µéÀ» ºÐ¼®ÇÏ°í ÀÖ´Ù.

    ´Ù¸¥ Ã¥µéÀÌ ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ¿¹Á¦ ½ºÅ©¸³Æ®¸¦ ÅëÇØ ¼³¸íÇϸ鼭µµ Àü¹®ÀûÀÎ °æÇè¿¡ ºñÁßÀ» Àû°Ô µÎ´Â ¹Ý¸é, ÀÌ Ã¥Àº °í°´¿¡°Ô ½ÇÁ¦·Î Á¦°øµÇ¾ú´ø 8°³ÀÇ ½ºÅ©¸³Æ®¸¦ º¸¿©ÁØ´Ù. ¿©·¯ºÐÀº ÀÌ¿Í °°Àº À¯¿ëÇÑ ½ºÅ©¸³Æ®¸¦ Á¢ÇÒ ¼ö ÀÖÀ» °ÍÀÌ´Ù.

    ¡Ú ÀÌ Ã¥¿¡¼­ ´Ù·ç´Â ³»¿ë ¡Ú

    ¡á µå·Ó´Ù¿î ¸Þ´º ¸¸µé±â
    ¡á CSS ½ºÅ¸ÀÏ ½ÃÆ® ÆíÁý
    ¡á Æû °ËÁõÀ» À§ÇÑ ÇÁ·¹ÀÓ¿öÅ©
    ¡á »ç¿ëÀÚ°¡ ±ä ¸®½ºÆ®ÀÇ µ¥ÀÌÅ͸¦ ½±°Ô °Ë»öÇÒ ¼ö ÀÖ°Ô Çϱâ
    ¡á Ajax¸¦ ÀÌ¿ëÇØ ¼­¹ö¿¡¼­ µ¥ÀÌÅ͸¦ °¡Á®¿Í¼­ ¾Ö´Ï¸ÞÀ̼ÇÀ» °»½ÅÇϱâ

    ¡Ú ÀúÀÚÀÇ ¸» ¡Ú
    ¡´µé¾î°¡¸ç¡µ
    ÀÌ Ã¥Àº ³»°¡ ÇÁ·Î À¥ °³¹ßÀÚ°¡ µÈ ÀÌÈÄ¿¡ ¾Ë°Ô µÈ ÀÚ¹Ù½ºÅ©¸³Æ® Áö½ÄÀ» ¾Ë±â ½±°Ô Àü´ÞÇϱâ À§ÇØ ½è½À´Ï´Ù. ÀÌ Ã¥¿¡¼­´Â ¿ÂÀüÈ÷ Á¦°¡ ¾Ë°í ÀÖ´Â Áö½ÄÀ» ¹Ý¿µÇϱ⿡ ±× Áö½ÄÀÇ ÇÑ°èµµ º¸¿©ÁÖ°í ÀÖ½À´Ï´Ù. ÇÊÀÚ´Â À¥ °³¹ßÀÚÀÏ »Ó ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ßÀÚ°¡ ¾Æ´Õ´Ï´Ù. ÀÌ ¸»Àº ÀÌ Ã¥ÀÌ ºê¶ó¿ìÀú ºñȣȯ¼º, Á¢±Ù¼º, Àú¼öÁØ ¹®¹ý, HTML ±¸Á¶ °èÃþ°ú ¿¬µ¿ÇÏ´Â ¹æ¹ý¿¡ ´ëÇØ À̾߱âÇÏÁö, ¸ðµâÈ­, µðÀÚÀÎ ¿øÄ¢, Ãß»óÈ­ °èÃþ¿¡ ´ëÇؼ­´Â À̾߱âÇÏÁö ¾Ê´Â´Ù´Â ¶æÀÔ´Ï´Ù.

    À¥»çÀÌÆ® Á¦ÀÛÀ» ¾÷À¸·Î »ïÀº Áö³­ 8³â µ¿¾È ´Ù¸¥ À̵éÀÌ °£°úÇÏ°í ÀÖ´ø ÀÚ¹Ù½ºÅ©¸³Æ® ÀϺθ¦ ±¤¹üÀ§ÇÏ°Ô ÀÌ¿ëÇß½À´Ï´Ù. º¸¼ö¸¦ ÁöºÒÇϸ鼭 ¸Ã±ä ÀÏ¿¡ ¾ðÁ¦³ª Àû´çÇÑ ÅøÀ» ¼±ÅÃÇØ¿Ô½À´Ï´Ù. ±×¸®°í ±× °úÁ¤¿¡¼­ ÀÚ¹Ù½ºÅ©¸³Æ®¿¡´Â ÇÊÀÚ°¡ ÀÏ»óÀûÀÎ ÀÏÀ» ÇÏ´Â µ¥ ÇÊ¿ä ¾ø´Â ¸¹Àº ±â´ÉÀÌ ÀÖ´Ù´Â °ÍÀ» ¾Ë°Ô µÆ½À´Ï´Ù.

    ´ç¿¬ÇÏ°Ôµµ ¾ËÁö ¸øÇÏ´Â ÅøÀ» °¡¸£Ãĵ帱 ¼ö´Â ¾ø½À´Ï´Ù. ±×·¡¼­ ÀÌ Ã¥¿¡¼­´Â ÇÊÀÚ°¡ ½áº» ±â´É¸¸ ´Ù·ì´Ï´Ù. µû¶ó¼­ °´Ã¼ ÁöÇâÀû ÀÚ¹Ù½ºÅ©¸³Æ®´Â ÀǵµÀûÀ¸·Î ºüÁ® ÀÖ½À´Ï´Ù. Á¦°¡ °´Ã¼ ÁöÇâÀûÀÎ ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ½áº» ÀûÀÌ ¾ø±â ¶§¹®ÀÔ´Ï´Ù. Ã¥Àº ÆäÀÌÁö°¡ ÇÑÁ¤µÅ À־ ¾î¶² ³»¿ëÀ» ³ÖÀ»Áö ¼±ÅÃÇØ¾ß Çß½À´Ï´Ù. ¶§·Î´Â ¾ÆÁÖ Èûµç ¼±ÅÃÀ» ÇØ¾ß Çß½À´Ï´Ù. °á±¹ Ãʺ¸ÀûÀÎ ¼öÁØ¿¡¼­ »óÀ§ ´Ü°è·Î ¿Ã¶ó°¡±â À§ÇØ ²À ÇÊ¿äÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® ±â´ÉÀ» ¼±ÅÃÇß½À´Ï´Ù.

    Á¦ À¥»çÀÌÆ® www.quirksmode.org°¡ Á¦ÀÏ Áß¿äÇÑ Âü°í »çÀÌÆ®ÀÔ´Ï´Ù. www.quirksmode.org/book/¿¡ ¸ðµç ¿¹Á¦ ½ºÅ©¸³Æ®¿Í Á¤¿ÀÇ¥°¡ ÀÖ½À´Ï´Ù.

    ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¹Ì·¡

    ÀÌ Ã¥ÀÇ ³»¿ëÀÌ ¿©·¯ºÐÀÌ ³¯¸¶´Ù ÀÛ¼ºÇÏ´Â ½ºÅ©¸³Æ® Çâ»ó¿¡ µµ¿òÀÌ µÇ¾úÀ¸¸é ÇÕ´Ï´Ù. ÀÌ Ã¥¿¡ ³ª¿Â ³»¿ëÀÌ ÀÚ¹Ù½ºÅ©¸³Æ® ±â´É°ú ÇÔ¼ö¿¡ ´ëÇÑ ÀüüÀûÀÎ °³¿ä´Â ¾Æ´ÏÁö¸¸, ½ºÅ©¸³Æ®¸¦ ¸¸µé¸é¼­ °¡Àå ÇÊ¿äÇϰųª ³Ê¹« ±âÃÊÀûÀÎ °ÍÀ̶ó ¸ð¸¥ ä·Î´Â ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ¾È´Ù°í ÇÒ ¼ö ¾ø´Â ºÎºÐ¿¡ ´ëÇÑ ±ÛÀÓÀ» ±â¾ïÇصνʽÿÀ.

    ÀÌ Ã¥Àº °øºÎÀÇ ½ÃÀÛÀÌÁö ³¡ÀÌ ¾Æ´Õ´Ï´Ù.

    ¼öÁ¤±¸½½·Î ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¹Ì·¡¸¦ Àá½Ã Á¡Ãĺ¼±î¿ä? ÇâÈÄ ¸î ³â°£ ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ º¯È­½Ãų ¼¼ °¡Áö Áß¿äÇÑ »ç°ÇÀÌ º¸ÀÔ´Ï´Ù.

    °¡Àå Áß¿äÇÑ °ÍÀº Ajax ¸Í½ÅÀÇ Á¾¸»ÀÔ´Ï´Ù. ¾ðÁ¦ÀÎÁö Á¤È®È÷ ¾Ë ¼ö ¾øÁö¸¸ ¹Ýµå½Ã ÀϾ ÀÏÀ̶ó´Â »ç½ÇÀº ºÐ¸íÇÕ´Ï´Ù. À¯ÇàÀº »ç¶óÁö±â ¸¶·ÃÀÔ´Ï´Ù. ÇѶ§ ¸ÚÁö°í Áøº¸ÀûÀ̾ú´ø °ÍÀÌ ÀÌÁ¦´Â ±¸½ÄÀÌ°í µûºÐÇÕ´Ï´Ù.

    Ajax ¸Í½ÅÀº ºñ·Ï ³ª»Û ¿¹·Î µé¾úÀ»Áö¶óµµ ¸¹Àº °ÍÀ» °¡¸£ÃÄÁá½À´Ï´Ù. ¼º°øÀûÀÎ Ajax ¾ÖÇø®ÄÉÀ̼ǰú ±×·¸Áö ¸øÇÑ ¾ÖÇø®ÄÉÀ̼ÇÀ» ºñ±³Çغ¸¸é, º¹ÀâÇÑ ÀÎÅÍÆäÀ̽º¿¡ ´ëÇÑ »ç¿ëÀÚ ÀÌÇØÀÇ ÇÑ°è¿¡ ´ëÇÑ ÅëÂûÀ» ¾òÀ» ¼ö ÀÖ½À´Ï´Ù. ±×¸®°í ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¸ñÀûÀ» ÀÌÇØÇÒ ¼ö ÀÖ½À´Ï´Ù. ´ÙÀ½ ¸î ¹øÀÇ ÆÖ°ú ¾À ´Ü°èÀÇ ¹Ýº¹¿¡µµ »ì¾Æ³²À» ¼ö ÀÖ´Â ¸ñÀûÀ» Á¤ÀÇÇÒ ¼ö ÀÖÀ» °ÍÀÔ´Ï´Ù.

    Àå±âÀûÀÎ ÀåÁ¡ ¿Ü¿¡µµ ¸Í½ÅÀÌ »ç¶óÁö¸é ÀåÁ¡°ú ´ÜÁ¡ÀÌ µ¿½Ã¿¡ Á¸ÀçÇÏ´Â ´Ü±âÀûÀÎ º¯È­µµ ÇÔ²² ¹ß»ýÇÒ °ÍÀÔ´Ï´Ù. '¾î·Á¿î' ÇÁ·Î±×·¡¹Ö ¼¼°è¿¡¼­ ³Ñ¾î¿Â ¸¹Àº °³¹ßÀÚ´Â ÀÚ¹Ù½ºÅ©¸³Æ®°¡ ´õ ÀÌ»ó ÄðÇÏÁö ¾Ê´Ù°í »ý°¢ÇÏ¸é ´Ù½Ã ±×µéÀÇ ¾ð¾î·Î µ¹¾Æ°¥ °ÍÀÔ´Ï´Ù. ´Ü±â º¯È­ÀÇ ´ÜÁ¡Àº ÀϹÝÀûÀÎ À¥ °³¹ßÀÚ´Â ¸ð¸£´Â °í±Þ ÇÁ·Î±×·¡¹Ö ±¸Á¶¸¦ ¸¹ÀÌ ¾Ë°í ÀÖ´Â À̵éÀÌ »ç¶óÁø ÈÄ¿¡ ¾ÖÇø®ÄÉÀÌ¼Ç µðÀÚÀÎÀ» ¿ì¸®¿¡°Ô ¼³¸íÇØÁÙ »ç¶÷ÀÌ ¾ø´Ù´Â °ÍÀÔ´Ï´Ù. ¼Ò¼ö¶óµµ ³²¾Æ¼­ °¡¸£ÃÄÁáÀ¸¸é ÇÏ´Â ¹Ù¶÷ÀÔ´Ï´Ù.

    ÇÑÆí '¾î·Á¿î' ¾ð¾î °³¹ßÀÚ°¡ »ç¶óÁö¸é, ÀÚ¹Ù½ºÅ©¸³Æ® °³¹ßÀÚ°¡ Áö±Ýº¸´Ù ´õ Á¢±Ù¼º¿¡ ÁýÁßÇÒ ¼ö ÀÖ´Ù´Â ÀåÁ¡µµ ÀÖ½À´Ï´Ù. ÀÚ¹Ù½ºÅ©¸³Æ® Ãø¸é¿¡¼­ »ý±â´Â Á¢±Ù¼º À̽´ Áß Å« ¹®Á¦´Â Ajax ¾ÖÇø®ÄÉÀ̼ÇÀ» ¸¸µå´Â ¸¹Àº ÇÁ·Î±×·¡¸Ó°¡ Á¢±Ù¼ºÀ» ÀνÄÇÏÁö ¸øÇÑ´Ù´Â Á¡ÀÔ´Ï´Ù. Á¢±Ù¼ºÀº À¥ °³¹ßÀÚ°¡ '¾î·Á¿î' ¾ð¾î °³¹ßÀÚº¸´Ù ´õ Àß ¾Ë°í ÀÖ´Â ºÐ¾ßÀÔ´Ï´Ù. ±×¸®°í ¸Í½ÅÀÇ Á¾¸»Àº À¥ °³¹ßÀÚ¿¡°Ô Á¢±Ù¼ºÀ» °³¼±ÇÒ ¼ö ÀÖ´Â ±âȸ¸¦ ÁÙ °ÍÀÔ´Ï´Ù.

    µÎ ¹ø°·Î Áß¿äÇÑ »ç°ÇÀº ÄÚ¾î(Core) 2.0 Ç¥ÁØÀÇ ÃâÇöÀÔ´Ï´Ù. ÀÌ´Â ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ±×¹ÛÀÇ ÇÁ·Î±×·¡¹Ö ¾ð¾î¿Í ºñ½ÁÇÑ ¼öÁØÀ¸·Î ²ø¾î¿Ã¸± °ÍÀÔ´Ï´Ù. Áö±ÝÀº Ajax °³¹ßÀÚ¸¦ µ½±â¿¡ ³Ê¹« ´ÊÀº °Íó·³ º¸ÀÌÁö¸¸ ±×·³¿¡µµ ÄÚ¾î 2.0Àº ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ Á» ´õ ÁøÁöÇÏ°Ô ¹Þ¾ÆµéÀÌ´Â °³¹ßÀÚ¸¦ µµ¿ÍÁÙ °ÍÀÔ´Ï´Ù. ÀÌ »ç½ÇÀÌ ¾ð¾î¿Í ±× »ç¿ëÀÚ¿¡°Ô ÀÌÀÍÀÌ µÉ °ÍÀÔ´Ï´Ù.

    ¼¼ ¹ø°·Î Áß¿äÇÑ »ç°ÇÀº ¸¶ÀÌÅ©·Î¼ÒÇÁÆ®¸¦ Æ÷ÇÔÇÑ ¸ðµç ºê¶ó¿ìÀú º¥´õ°¡, À¥Ç¥ÁØÀ» ÁؼöÇÏ·Á°í ³ë·ÂÇÏ°í ÀÖ´Ù´Â °ÍÀÔ´Ï´Ù. ¾ÆÁ÷ ºê¶ó¿ìÀú ºñȣȯ¼ºÀÌ ÇØ°áµÇÁö´Â ¾Ê¾ÒÁö¸¸ ¹üÀ§·Î º¸³ª ½É°¢¼ºÀ¸·Î º¸³ª Á¡Â÷ ÁÙ°í ÀÖ½À´Ï´Ù. ÇÁ·Î±×·¡¸ÓÀÇ ½Ç¼ö·Î ¹ß»ýÇÏ´Â ¹®Á¦¸¦ Á¦¿ÜÇÏ¸é ±×·¸½À´Ï´Ù. ÀÌ ºÎºÐÀº ¾ø¾îÁöÁö ¾ÊÀ» °Ì´Ï´Ù.

    Á¤¸®Çϸé, ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¸ñÀû¿¡ ´ëÇÑ Á» ´õ ³ªÀº(½ºÅ©¸³Æà ÀýÂ÷¿¡ Á¢±Ù¼ºÀ» ÅëÇÕÇÏ´Â ÁøÁöÇÑ ½Ãµµ¸¦ Æ÷ÇÔÇÒ ¼ö ÀÖ´Â) Á¤ÀǸ¦ ³»¸®°Ô µÉ °ÍÀÌ°í, ÄÚ¾î 2.0 ´öÅÿ¡ ´õ ³ªÀº ÇÁ·Î±×·¡¹Ö ½ºÅ¸ÀÏÀÌ ÃâÇöÇÒ °ÍÀÌ°í, '¾î·Á¿î' ¾ð¾î¸¦ ¾²´Â ÇÁ·Î±×·¡¸Ó·ÎºÎÅÍ ¹è¿ï °Ô ÀÖÀ» °ÍÀÌ°í, ºê¶ó¿ìÀú ¹®Á¦°¡ ´õ Àû¾îÁú °ÍÀ̶ó´Â Èñ¸ÁÀ» Ç°°í ÀÖ½À´Ï´Ù.

    ÀÚ¹Ù½ºÅ©¸³Æ®´Â º¯ÇÏ´Â ÁßÀÔ´Ï´Ù. ´õ ³ªÀº ¼¼»óÀÌ ¿Ã °ÍÀÔ´Ï´Ù.

    ¡Ú ÀÌ Ã¥ÀÇ ´ë»ó µ¶ÀÚ ¡Ú

    µ¶ÀÚ°¡ HTML°ú CSS¸¦ Àß ¾Ë°í ÀÖ´Ù°í °¡Á¤ÇÕ´Ï´Ù. 4Àå¿¡¼­ º¼ ¼ö ÀÖ´Â °Íó·³ ±ò²ûÇÏ°í À¯¿ëÇÑ HTML ±¸Á¶´Â °£´ÜÇÏ°í È¿°úÀûÀÎ ½ºÅ©¸³Æ® ÀÛ¼º¿¡ ²À ÇÊ¿äÇÕ´Ï´Ù. 9ÀåÀº ±âº»ÀûÀÎ CSS¸¦ ¸ð¸£°í´Â ÀÌÇØÇÒ ¼ö ¾ø½À´Ï´Ù.

    ±×¸®°í º¹»ç/ºÙ¿©³Ö±â ¼öÁØÀÏÁö¶óµµ ÀÚ¹Ù½ºÅ©¸³Æ®µµ ¾à°£ ¾Ë°í ÀÖÀ» °ÍÀÌ¶ó °¡Á¤ÇÕ´Ï´Ù. ¾Æ·¡ Äڵ带 ¿¹·Î µé¸é

    var x = document.getElementsByTagName(¡®a¡¯);
    for (var i=0;i¡´x.length;i++) {
    if (x[i].className != ¡®popup¡¯) continue;
    x[i].onclick = openPopup;
    }

    ÀÌ Äڵ带 Àаí ÆäÀÌÁö ¾È¿¡¼­ ¸ðµç ¸µÅ©¸¦ ã¾Æ¼­ popupÀ̶ó´Â Ŭ·¡½º¸¦ °¡Áø ¸µÅ©¿¡ Æ˾÷âÀ» Á¤ÀÇÇÑ´Ù´Â °ÍÀ» µ¶ÀÚ°¡ ¾î·ÅDzÇÏ°Ô¶óµµ ÀÌÇØÇÒ °ÍÀ̶ó°í °¡Á¤ÇÕ´Ï´Ù. ¼¼ºÎ»çÇ×À» ¸ðµÎ ¾Ë ÇÊ¿ä´Â ¾ø½À´Ï´Ù(»ç½Ç ÀÌ Ã¥ÀÇ ¸ñÀûÀÌ ±× ¼¼ºÎ»çÇ×À» ¼³¸íÇÏ´Â °ÍÀÔ´Ï´Ù). ±×·¯³ª ¾î¶»°Ô µ¹¾Æ°¡´Â °ÍÀÎÁö ´ë°­ÀÌ¶óµµ ÀÌÇØÇØ¾ß ÇÕ´Ï´Ù.

    ÇÊÀÚ°¡ ¹Ù¶ó´Â °ÍÀº ¸ðµç Ãʺ¸ ½ºÅ©¸³ÅÍ°¡ ÀÌ Ã¥À» ÀÐÀº ÈÄ¿¡ Áß¼ö°¡ µÇ´Â °ÍÀÔ´Ï´Ù. ¹°·Ð Áß¼ö°¡ °í¼ö°¡ µÇ´Â °ÍÀ» µµ¿ÍÁÖ´Â ¿ªÇÒµµ ÀÌ Ã¥ÀÌ ÇßÀ¸¸é ÇÕ´Ï´Ù.

    ¡Ú ¿ªÀÚ ¼­¹® ¡Ú

    PPKÀÇ ÀúÀÚ ÇÇÅÍ Æú ÄÛÀº À¥ °³¹ßÀÇ ¿À·£ °æÇèÀ» ¹ÙÅÁÀ¸·Î ÀÌ Ã¥À» ½è´Ù. ÀÌ Ã¥ÀÇ ¹Ì´öÀº ±â¼ú°ú ÆÁÀ» Àü´ÞÇÏ´Â µ¥ ±×Ä¡Áö ¾Ê°í, À¥°ú ÀÚ¹Ù½ºÅ©¸³Æ®¿¡ ´ëÇÑ ±Ùº»ÀûÀÎ ÀÌÇظ¦ Àü´ÞÇÑ´Ù´Â µ¥ ÀÖ´Ù. ÀÌ Ã¥À» ²Ä²ÄÈ÷ Àо°¡¸ç ÈǸ¢ÇÑ ÀúÀÚ´Â ±â¼ú¼­¿¡µµ ÀÚ½ÅÀÇ ¿ª»ç°ü°ú öÇÐÀ» ´ã¾Æ³¾ ¼ö ÀÖÀ½À» ´À³¢°í Å« °¨ÈïÀ» ¹Þ¾Ò´Ù. ÀÚ¹Ù½ºÅ©¸³Æ®°¡ ¿Ö ÇöÀçÀÇ ¸ð½ÀÀÌ µÇ¾ú°í ¾ÕÀ¸·Î ¾î¶»°Ô º¯Çسª°¥Áö, ÀÌ ±â¼úÀÇ ÇÙ½É À̽´°¡ ¹«¾ùÀÎÁö, ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ »ç¿ë°ú ¹ßÀü ¹æÇâ¿¡ ÀÖ¾î ¿Ã¹Ù¸¥ ¹æÇâÀÌ ¹«¾ùÀÏÁö¿¡ ´ëÇÑ ÀúÀÚÀÇ »ý°¢ÀÌ ±â¼ú¿¡ ´ëÇÑ ¼³¸íÀ» Ç®¾î³õÀº ÀÌ Ã¥¿¡ ÀÚ¿¬½º·´°Ô ½º¸çµé¾î ÀÖ´Ù.

    °³ÀÎÀûÀ¸·Î´Â ÀÌ Ã¥À» ¹ø¿ªÇϸ鼭 ¿À·¡ Àü ÇÑ ¼ø°£ÀÌ ¶°¿Ã¶ú´Ù. 1995³â º½ ³ª´Â ÁöÀÎÀÇ ¼Ò°³·Î ´ÙÀ½Ä¿¹Â´ÏÄÉÀ̼ÇÀ» ¹æ¹®Çß´Ù. ´ç½Ã Á÷¿øÀÌ ¼¼ ¸í»ÓÀ̾ú´ø ÀÌ È¸»ç´Â ¸· ŵ¿ÇÑ ¿ùµå¿ÍÀ̵åÀ¥ÀÇ ¹«ÇÑÇÑ °¡´É¼ºÀ» º¸°í ½ÃÀÛµÈ ÃÊ¹Ì´Ï º¥Ã³ ±â¾÷À̾ú´Ù. ±×³¯ ³ª´Â ÇÖÀÚ¹Ù(Hot Java), ¸ðÀÚÀÍ(Mosaic) °°Àº ºê¶ó¿ìÀú¿¡¼­ ÇÏÀÌÆÛÅؽºÆ®¸¦ ½á¼­ Àü ¼¼°è¿¡ ÀÖ´Â Á¤º¸ ÆäÀÌÁö·Î À̵¿Çϴ ù°æÇèÀ» ¸Àº¸¾Ò´Ù. Àü¼¼°è °÷°÷¿¡¼­ À¥¹®¼­µéÀÌ ½Ã½Ã°¢°¢ »ý°Ü³ª°í ÀÚ¶ó³ª°í ¶Ç ±× ¹®¼­µéÀÌ °Å¹ÌÁÙó·³ ¿¬°áµÇ¾î ÀÖ´Ù´Â °ÍÀº Á¤¸» ³î¶ó¿î ÀÏÀ̾ú´Ù.

    1995³â ¸», ¸ðÀÚÀÍ ºê¶ó¿ìÀú´Â ³Ý½ºÄÉÀÌÇÁ·Î º¯¸ðÇßÀ¸¸ç ÀÚ¹Ù½ºÅ©¸³Æ®¶ó´Â À̸§ÀÇ ½ºÅ©¸³Æ® ¾ð¾î°¡ ºÎ°¡µÇ¾ú´Ù. óÀ½ ÀÚ¹Ù½ºÅ©¸³Æ®´Â ´Ü¼øÈ÷ Æû Àü¼Û ¶§ °ªÀ» ¹Ì¸® üũÇؼ­ °æ°íâÀ» ¶ç¿öÁÖ´Â Á¤µµÀÇ ¿ëµµ¿´´Ù. Áö±Ýó·³ À¥¿¡¼­ÀÇ »óÈ£ÀÛ¿ëÀÌ Àͼ÷ÇÑ »óȲ¿¡¼­ µéÀ¸¸é ¿ì½À°Ô µé¸®°ÚÁö¸¸ ºê¶ó¿ìÀú »óÀÇ 'À¥ ¹®¼­'¿¡¼­ ÀÌ·± »óÈ£ÀÛ¿ëÀÌ °¡´ÉÇÏ´Ù´Â °ÍÀº ±× ´ç½Ã·Î¼­´Â ȹ±âÀûÀÎ ÀÏÀ̾ú´Ù.
    ±×·¨´ø ÀÚ¹Ù½ºÅ©¸³Æ®´Â ÀÌÁ¦ ¾öû³ª°Ô ¸¹Àº »ç¶÷ÀÌ ¾²´Â ±â¼ú·Î ÀÚ¸®¸¦ Àâ¾ÒÁö¸¸ ¡°Àß¡± »ç¿ëÇϱâ´Â ´õ¿í ¾î·Á¿öÁ³´Ù.

    ¿À´Ã³¯ ÀÚ¹Ù½ºÅ©¸³Æ®´Â À¥¹®¼­¿¡ °¡º±°Ô ³Ö´Â ½ºÅ©¸³Æ®ºÎÅÍ ¸®Ä¡ ÀÎÅÍ³Ý ¾ÖÇø®ÄÉÀ̼ÇÀ» ¸¸µå´Â µ¥¿¡µµ ¾²ÀδÙ. ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ¿ëµµ¿¡ ¸Â°Ô ¿Ã¹Ù¸¥ ¹æ¹ýÀ¸·Î »ç¿ëÇÏ´Â °Í, À¥Ç¥ÁØ°ú Á¢±Ù¼ºÀ» ÁöÅ°¸é¼­µµ ´õ ¸¹Àº ÀÎÅÍ·¢¼ÇÀ» Á¦°øÇÏ´Â °ÍÀº Á¡Á¡ ´õ µµÀüÀûÀÎ °úÁ¦°¡ µÇ°í ÀÖ´Ù. ÀÌ ºÐ¾ß¿¡¼­ Àü¹®°¡°¡ µÇ·Á´Â ºÐµéÀ̳ª Á¦´ë·Î µÈ ±âÃʸ¦ ´Û°íÀÚ ÇÏ´Â ºÐµé¿¡°Ô ÀÌ Ã¥Àº źźÇÑ Ãʼ®ÀÌ µÉ °ÍÀÌ´Ù.

    ¸ñÂ÷

    1Àå ¿ªÇÒ
    1.1 °³³ä Àâ±â 2
    ºê¶ó¿ìÀú¿¡¼­ »óÈ£ÀÛ¿ë ´Ù·ç±â 2
    ÆÖ Å¬¶óÀ̾ðÆ®¿Í ¾À Ŭ¶óÀ̾ðÆ® 5
    ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¿ªÇÒ 7
    1.2 ±â¼ú °üÁ¡¿¡¼­ÀÇ °³¿ä 8
    Ç¥ÁØÈ­ 9
    ¹öÀü 12
    º¸¾È 14
    1.3 ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¿ª»ç 16
    À߸øµÈ Ãâ¹ß 17
    »ç½Ç»óÀÇ Ç¥ÁØ 17
    ºê¶ó¿ìÀú ÀüÀï 18
    CSS Ç¥ÁØÁؼö¿îµ¿ 22
    »õ Ãâ¹ß 23
    ´ÙÀ½¿£ ¹«¾ùÀÌ ¿Ã±î? 25

    2Àå ÀÚ¹Ù½ºÅ©¸³Æ®°¡ ¾²ÀÌ´Â °÷
    2.1 CSS Ç¥ÁØÁؼö¿îµ¿ 28
    ´«¿¡ ¶çÁö ¾Ê´Â ½ºÅ©¸³Æ® 29
    ¼¼ °³ÀÇ °èÃþ 30
    °ü½ÉÀÇ ºÐ¸® 32
    2.2 Ç¥Çö°ú ±¸Á¶ÀÇ ºÐ¸® 33
    CSS ¼öÁ¤ 33
    ±¸Á¶¸¦ º¯°æÇÒ °ÍÀΰ¡ Ç¥ÇöÀ» º¯°æÇÒ °ÍÀΰ¡? 34
    2.3 µ¿ÀÛ°ú ±¸Á¶ÀÇ ºÐ¸® 36
    ÇÔ¼ö¸¦ ´Ù¸¥ ÆÄÀÏ·Î ºÐ¸® 36
    HTML¿¡¼­ À̺¥Æ® Çڵ鷯ÀÇ Á¦°Å 37
    2.4 µ¿ÀÛ°ú Ç¥ÇöÀÇ ºÐ¸® 39
    µå·Ó´Ù¿î ¸Þ´º - :hover¸¦ ¾µ °ÍÀΰ¡ mouseover/outÀ» ¾µ °ÍÀΰ¡? 39
    ¶È°°Àº È¿°ú¿Í ºñ½ÁÇÑ È¿°ú 42
    2.5 Á¢±Ù¼º¿¡ ´ëÇÑ °³°ý 45
    Á¢±Ù¼ºÀ̶õ ¹«¾ùÀΰ¡? 45
    ½ºÅ©¸³Æ®°¡ Áö¿øµÇÁö ¾ÊÀ» ¶§µµ 45
    ¸¶¿ì½º°¡ ¾øÀ» ¶§µµ 46
    ½ºÅ©¸°¸®´õ 47
    Á¢±Ù¼º°ú »ç¿ë¼º 50
    2.6 Á¢±Ù¼º ±ÔÄ¢ 52
    ³í¸®ÀûÀÎ HTML 52
    ÇϵåÄÚµùµÈ ¸µÅ©´Â href ¼Ó¼ºÀÌ ÀÖ¾î¾ß ÇÑ´Ù 52
    ÀÚ¹Ù½ºÅ©¸³Æ® »ç¿ëÀÚ¸¦ À§ÇÑ ³»¿ë ÀÚµ¿»ý¼º 53
    »ç¿ëÀÚ¸¦ Àû´çÇÑ ÆäÀÌÁö·Î ¸®´ÙÀÌ·ºÆ®Çϱâ 55
    Å°º¸µå »ç¿ëÀÚ 57
    ¡´noscript¡µ ÅÂ±× 57
    2.7 ¿¹Á¦ ½ºÅ©¸³Æ® 58
    ÅؽºÆ®¿µ¿ª ÃÖ´ë°ª(Textarea Maxlength) 59
    À¯Àúºí Æû(Usable Forms) 60
    Æû °ËÁõ(Form Validation) 61
    µå·Ó´Ù¿î ¸Þ´º(Dropdown Menu) 61
    ½ºÅ¸ÀϽÃÆ® ÆíÁý(Edit Style Sheets) 62
    »÷µåÀ§Ä¡ ¼±Åñâ(Sandwich Picker) 62
    XMLHTTP ¼Óµµ°è(XMLHTTP Speed Meter) 65
    »çÀÌÆ® ¼³¹®(Site Survey) 66

    3Àå ºê¶ó¿ìÀú
    3.1 ºê¶ó¿ìÀú 68
    ¸ðÁú¶ó Æйи® 68
    À©µµ¿ì ÀͽºÇ÷η¯ 69
    »çÆĸ® 70
    ¿ÀÆä¶ó 70
    ±× ¹ÛÀÇ ±×·¡ÇÈ µ¥½ºÅ©Åé ºê¶ó¿ìÀú 70
    ¸ð¹ÙÀÏ Æù 71
    ½ºÅ©¸°¸®´õ 72
    3.2 ºñȣȯ¼º 73
    ¹®Á¦ 73
    ÇØ°áÃ¥ 75
    3.3 °´Ã¼ ŽÁö 79
    °´Ã¼ ŽÁö ÀÛµ¿¿ø¸® 79
    ¾ó¸¶³ª ¸Ö¸® °¡¾ß Çϳª? 82
    3.4 ºê¶ó¿ìÀú ŽÁö 83
    ºê¶ó¿ìÀú ŽÁö°¡ Á¦´ë·Î µÇÁö ¾Ê´Â ÀÌÀ¯ 84
    ºê¶ó¿ìÀú ŽÁö °æÀï 85
    ºê¶ó¿ìÀú ¹®ÀÚ¿­ Ç®¾îº¸±â 87
    ºê¶ó¿ìÀú ŽÁöÀÇ ¿Ã¹Ù¸¥ »ç¿ë 92
    3.5 µð¹ö±ë 93
    ¿À·ù ¸Þ½ÃÁö 93
    ºê¶ó¿ìÀú ¹ö±× 97
    ¿¹Á¦ 100
    ºê¶ó¿ìÀú ¹ö±× ¸®Æ÷Æà 103

    4Àå Áغñ
    4.1 HTML°ú CSS ±¸Á¶ 106
    HTML ±¸Á¶ 106
    CSS ±¸Á¶ 107
    4.2 ÈÅ 108
    ¾ÆÀ̵ð 109
    Ŭ·¡½º 110
    Ä¿½ºÅÒ ¼Ó¼º 112
    À̸§/°ª ½Ö 113
    4.3 ÆäÀÌÁö Áغñ 116
    À̺¥Æ® Çڵ鷯 ¼³Á¤ 116
    ¹æ¹®°´ÀÇ »óÅ °áÁ¤ 117
    ÂüÁ¶ ¼³Á¤ 117
    ³»¿ë »ý¼º 118
    °ü°è Á¤ÀÇ 118
    ¹®¼­ ±¸Á¶ º¯°æ 120
    4.4 ¡´script¡µ ÅÂ±× 120
    ¹®¹ý 121
    ¿©·¯ °³ÀÇ ½ºÅ©¸³Æ® ÆÄÀÏ »ç¿ë 123
    4.5 ÃʱâÈ­ 124
    load À̺¥Æ® 125
    ¿©·¯ ¹øÀÇ ÃʱâÈ­ 126
    ´«¿¡ ¶çÁö ¾Ê´Â ÃʱâÈ­ 127
    load À̺¥Æ® ±â´Ù¸®±â 127
    °¡Àå ÁÁÀº ¹æ¹ý? 129
    4.6 ¿¹Á¦ ½ºÅ©¸³Æ® 129
    ÅؽºÆ®¿µ¿ª ÃÖ´ë°ª 129
    À¯Àúºí Æû 130
    Æû °ËÁõ 132
    µå·Ó´Ù¿î ¸Þ´º 134
    ½ºÅ¸ÀϽÃÆ® ÆíÁý 135
    »÷µåÀ§Ä¡ ¼±Åñâ 136
    XMLHTTP ¼Óµµ°è 138
    »çÀÌÆ® ¼³¹® 139
    ¼¼ºÎ»çÇ× °áÁ¤ 140

    5Àå ÄÚ¾î
    5.1 ±âÃÊ 144
    ´ë¼Ò¹®ÀÚ ±¸º° 144
    ¹®Àå°ú ¼¼¹ÌÄÝ·Ð 144
    ÁÖ¼® 146
    ÄÚµå ºí·Ï: {} 147
    ¿¬»êÀÚ 149
    °ª 151
    5.2 µ¥ÀÌÅÍ Å¸ÀÔ 152
    ¿©¼¸ °¡Áö µ¥ÀÌÅÍ Å¸ÀÔ 152
    µ¥ÀÌÅÍ Å¸ÀÔ º¯È¯ 156
    + ¹®Á¦ 158
    ºÒ¸®¾ð °ªÀ¸·ÎÀÇ º¯È¯ 160
    ¸í½ÃÀû µ¥ÀÌÅÍ Å¸ÀÔ º¯È¯ 160
    5.3 ÀÏ¹Ý ¿¬»êÀÚ 161
    »ê¼ú ¿¬»êÀÚ 161
    ++¿Í -- 162
    =, ==, === 163
    !=, ¡´, ¡µ, ¡´=, ¡µ= 165
    Á¶°Ç ¿¬»êÀÚ ? : 167
    5.4 º¯¼ö 168
    º¯¼ö À̸§ 168
    var Å°¿öµå 169
    º¯¼ö ¹üÀ§ 170
    5.5 ¼ýÀÚ·Î ÀÛ¾÷Çϱâ 172
    8Áø¼ö¿Í 16Áø¼ö 173
    toFixed() 176
    parseInt() ¿Í parseFloat() 177
    5.6 ¹®ÀÚ¿­·Î ÀÛ¾÷Çϱâ 177
    ÀοëºÎÈ£ 177
    Á¢ÇÕ: + 179
    ¹®ÀÚ¿­ °´Ã¼ 179
    5.7 ºÒ¸®¾ð °ª 185
    ºÒ¸®¾ð º¯¼ö 185
    ºÒ¸®¾ð ¿¬»êÀÚ 186
    °´Ã¼ÀÇ Á¸Àç Å×½ºÆ® 188
    ºÒ¸®¾ð ¿¬»êÀÚÀÇ °í±Þ »ç¿ë¹ý 189
    5.8 Á¦¾î ±¸Á¶ 192
    if ¹®Àå 192
    switch 197
    for, while, do/while 201
    break¿Í continue 207
    try/catch 209
    5.9 ÇÔ¼ö 210
    ±âº» ÇÔ¼ö ¹®¹ý 210
    ÀÎÀÚ 212
    return 212
    °ªÀ¸·Î¼­ÀÇ ÇÔ¼ö 215
    Æ÷ÇÔµÈ ÇÔ¼ö¿Í º¯¼ö ¹üÀ§ 217
    5.10 °´Ã¼ 219
    µµÆ® 221
    °´Ã¼ÀÇ Á¤ÀÇ 221
    ¸Þ¼Òµå¿Í ÇÁ·ÎÆÛƼ·Î ÀÛ¾÷Çϱâ 223
    this Å°¿öµå 226
    Àü¿ª °´Ã¼ 227
    5.11 ¿¬°ü ¹è¿­ 227
    °¢°ýÈ£ Ç¥±â¹ý°ú µµÆ® Ç¥±â¹ý 229
    ¿¬°ü ¹è¿­ 230
    for in ¹®Àå 231
    5.12 ¹è¿­ 233
    ´ÙÂ÷¿ø ¹è¿­ 233
    ¹è¿­ Ç¥±â¹ý 234
    ¹è¿­ÀÇ »ç¿ë 235
    length 236
    push, pop, shift, unshift 237

    6Àå ºê¶ó¿ìÀú °´Ã¼ ¸ðµ¨(BOM)
    6.1 window °´Ã¼ 241
    Àü¿ª °´Ã¼·Î¼­ÀÇ window 241
    »õ ÆäÀÌÁö, »õ window °´Ã¼ 242
    »õ Àü¿ª °´Ã¼·Î¼­ µ¿ÀÛÇÏ´Â »õ window 243
    windowÀÇ ÇÁ·ÎÆÛƼ 246
    6.2 À©µµ¿ì °£ Åë½Å 248
    Æ˾÷â ¿­±â 249
    ´Ù¸¥ âÀ» °¡¸®Å°´Â ÂüÁ¶ ¸¸µé±â 250
    Åë½Åä³Î ´Ù½Ã ¸¸µé±â 251
    Æ˾÷â ¹æÁö ÇÁ·Î±×·¥ 257
    6.3 ³»ºñ°ÔÀÌ¼Ç 259
    location °´Ã¼ 259
    history °´Ã¼ 261
    6.4 â À§Ä¡ ¾Ë¾Æ³»±â 262
    screen °´Ã¼ 262
    âÀÇ Å©±â 263
    â À̵¿, Å©±â Á¶Á¤, ½ºÅ©·Ñ 263
    Æ÷Ä¿½º ÁÖ±â¿Í Æ÷Ä¿½º »¯±â 264
    6.5 ±âŸ 265
    navigator °´Ã¼ 265
    alert, confirm, prompt 265
    ŸÀӾƿô°ú ÀÎÅ͹ú 267
    6.6 document °´Ã¼ 269
    lastModified 269
    referrer 270
    domain 270
    write() 270
    open()°ú close() 272
    6.7 ÄíÅ° 274
    À̸§/°ª 275
    ¸¸·á³¯Â¥ 276
    µµ¸ÞÀΰú °æ·Î 276
    ÄíÅ° ¼³Á¤ 277
    document.cookie 278
    ÄíÅ° Àбâ 278
    ÄíÅ° Áö¿ì±â 279
    ÄíÅ°ÀÇ »ç¿ë ¿¹ 279
    »ç¿ëÀÚ ÄíÅ° ¼³Á¤ 281
    ÄíÅ° Áö¿ø ¿©ºÎÀÇ È®ÀÎ 281

    7Àå À̺¥Æ®
    7.1 ºê¶ó¿ìÀú ºñȣȯ¼º 284
    »óȲº° ÇØ°á¹ý 285
    °³¿ä 285
    7.2 À̺¥Æ® 286
    ¸¶¿ì½º À̺¥Æ® 286
    Å°º¸µå À̺¥Æ® 290
    ÀÎÅÍÆäÀ̽º À̺¥Æ® 291
    W3C À̺¥Æ® 295
    ¸¶ÀÌÅ©·Î¼ÒÇÁÆ® À̺¥Æ® 296
    ±âº» µ¿ÀÛ 296
    À̺¥Æ® ½Ã¹Ä·¹ÀÌ¼Ç 299
    7.3 À̺¥Æ® Çڵ鷯 µî·Ï 300
    ÀζóÀÎ À̺¥Æ® Çڵ鷯 300
    ÀüÅë ¸ðµ¨ 301
    W3C¿Í ¸¶ÀÌÅ©·Î¼ÒÇÁÆ® ¸ðµ¨ 305
    ÃÖ¼±ÀÇ ¹æ¹ý 309
    7.4 À̺¥Æ® ¹öºí¸µ°ú ĸó¸µ 310
    W3C ¸ðµ¨ 311
    ÀüÅë ¸ðµ¨°ú ¸¶ÀÌÅ©·Î¼ÒÇÁÆ® ¸ðµ¨ 313
    À̺¥Æ® ¹öºí¸µÀÇ ½ÇÁ¦ »ç¿ë ¿¹ 313
    7.5 À̺¥Æ® °´Ã¼¿Í ±× ÇÁ·ÎÆÛƼ 316
    À̺¥Æ® °´Ã¼ 316
    ŸÀÔ 317
    Ÿ±êÆà 317
    ¸¶¿ì½º À§Ä¡ 318
    ¸¶¿ì½º ¹öÆ° 322
    Å° ÇÁ·ÎÆÛƼ 323
    7.6 Ÿ±êÆà 323
    Â÷ÀÌÁ¡ 323
    this 324
    Ÿ±ê 327
    this¸¦ ¾µ °ÍÀΰ¡ À̺¥Æ® Ÿ±êÀ» ¾µ °ÍÀΰ¡? 331

    7.7 ¿¹Á¦ ½ºÅ©¸³Æ® 334
    ÅؽºÆ®¿µ¿ª ÃÖ´ë°ª 335
    À¯Àúºí Æû 336
    Æû °ËÁõ 337
    µå·Ó´Ù¿î ¸Þ´º 338
    ½ºÅ¸ÀϽÃÆ® ÆíÁý 340
    »÷µåÀ§Ä¡ ¼±Åñâ 341
    XMLHTTP ¼Óµµ°è 342
    »çÀÌÆ® ¼³¹® 342
    7.8 µå·Ó´Ù¿î ¸Þ´º, mouseout°ú relatedTarget 343
    mouseover 344
    mouseout°ú ±× ¹®Á¦Á¡ 345
    ÇØ°áÃ¥ 346
    relatedTarget, fromElement, toElement 347

    8Àå ¹®¼­ °´Ã¼ ¸ðµ¨(DOM)
    8.1 °³³ä 351
    ³ëµå 351
    °¡°èµµ 353
    8.2 ¿ä¼Ò ã±â 355
    Àå°Å¸® ¿©Çà 355
    ´Ü°Å¸® ¿©Çà 358
    ·çÆ® ³ëµå 362
    8.3 ³ëµå Á¤º¸ 362
    nodeName 362
    nodeValue 363
    nodeType 364
    tagName 365
    8.4 ¹®¼­ Æ®¸® º¯°æ 365
    ÀÏ¹Ý ±ÔÄ¢ 365
    appendChild() 367
    insertBefore() 368
    removeChild() 370
    replaceChild() 371
    ¸ðµç ÀÚ½Ä ³ëµåÀÇ Á¦°Å 372
    8.5 ¿ä¼ÒÀÇ »ý¼º ¹× º¹Á¦ 373
    createElement()¿Í createTextNode() 373
    cloneNode() 376
    Å×ÀÌºí ¹× Æû ÇʵåÀÇ »ý¼º 378
    8.6 innerHTML 380
    ¾²·¹±â°¡ µé¾î°¡¸é ¾²·¹±â°¡ ³ª¿Ã »Ó 381
    ¼Óµµ 382
    ¿¹Á¦ 383
    innerHTML°ú ¼ø¼ö DOMÀÇ Çùµ¿ÀÛ¾÷ 384
    outerHTML, innerText, outerText 384
    innerHTML°ú DOM 386
    8.7 ¼Ó¼º 388
    ¼Ó¼º ¾ò±â¿Í ¼³Á¤Çϱâ 389
    HTML ¼Ó¼º°ú ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·ÎÆÛƼ 390
    ¼Ó¼ºÀ» ¾ò°í ¼³Á¤ÇÏ´Â ÃÖ¼±ÀÇ ¹æ¹ý 393
    8.8 ÅؽºÆ® ³ëµå 393
    nodeValue 393
    ºó ÅؽºÆ® ³ëµå 394
    8.9 ³ëµå¸®½ºÆ® 398
    À§Çè 400
    µµ¿ì¹Ì ¹è¿­ 402
    8.10 Æû°ú ·¹º§ 0 DOM 403
    ·¹º§ 0 DOM ³ëµå¸®½ºÆ® 403
    Æû Çʵå 405
    8.11 DOM ÇÏÀÌÆÛ½ºÆäÀ̽º 412
    ÇÏÀÌÆÛ½ºÆäÀ̽º¿¡ ¿ä¼Ò º¸°üÇϱâ 413
    ÇÏÀÌÆÛ½ºÆäÀ̽º¿Í innerHTML 416
    ¿ä¼Ò´Â ÇÏÀÌÆÛ½ºÆäÀ̽º¿¡? 416
    8.12 ¸¶Ä¿ 417

    9Àå CSS ¼öÁ¤
    9.1 style ÇÁ·ÎÆÛƼ 420
    ´ë½Ã 422
    ´ÜÀ§ 422
    ½ºÅ¸ÀÏ ¾ò±â 423
    Ãà¾à ½ºÅ¸ÀÏ 425
    9.2 Ŭ·¡½º¿Í ¾ÆÀ̵ðÀÇ º¯°æ 426
    Ŭ·¡½º Ãß°¡ 428
    Ŭ·¡½º Á¦°Å 430
    9.3 CSS¸¦ ÆäÀÌÁö ¾È¿¡ ¾²±â 430
    Áï°¢ÀûÀÎ Àû¿ë 433
    9.4 Àüü ½ºÅ¸ÀϽÃÆ® º¯°æ 434
    ÀÌ·Ð 435
    document.styleSheets 435
    cssRules[]¿Í rules[] 437
    selectorText 438
    style 438
    cssText¿Í ½ºÅ¸ÀϽÃÆ® Àü¼Û 439
    ·ê »ðÀÔ°ú »èÁ¦ 441

    9.5 ºñ±³ 443
    ¿¹Á¦ 444
    9.6 ¿ä¼Ò º¸¿©ÁÖ±â/¼û±â±â 445
    °£´ÜÇÑ º¸¿©ÁÖ±â/¼û±â±â ½ºÅ©¸³Æ® 446
    Å×À̺íÀÇ Çà º¸¿©ÁÖ±â/¼û±â±â 448
    9.7 ¾Ö´Ï¸ÞÀÌ¼Ç 450
    ¾Ö´Ï¸ÞÀÌ¼Ç ÀÛµ¿¿ø¸® 450
    setTimeout°ú setInterval 452
    9.8 ¿ä¼ÒÀÇ Ä¡¼ö¿Í À§Ä¡ 457
    ¿ä¼ÒÀÇ Ä¡¼ö 457
    ¿ä¼ÒÀÇ À§Ä¡ 460

    10Àå µ¥ÀÌÅÍ Àü¼Û
    10.1 ¿äû º¸³»±â 464
    XMLHttpRequest °´Ã¼ 464
    ¿­±â 466
    readystatechange 467
    setRequestHeader 469
    sendRequest ÇÔ¼ö 470
    abort 472
    10.2 ÀÀ´ä ó¸®Çϱâ 472
    status 472
    Äݹé ÇÔ¼ö 474
    responseText¿Í responseXML 474
    getResponseHeader 476
    getAllResponseHeaders 476
    10.3 ÀÀ´ä Æ÷¸Ë 476
    XML 477
    HTML 479
    JSON 480
    CSV 482
    ÃÖ¼±ÀÇ Æ÷¸ËÀº? 483
    10.4 Á¢±Ù¼º 483
    HTMLÀÇ Á¢±Ù¼º 484
    ±âŸ ÀÀ´ä Æ÷¸ËÀÇ Á¢±Ù¼º 487

    ¸¶Ä¡¸ç 489XML 477
    HTML 479
    JSON 480
    CSV 482
    ÃÖ¼±ÀÇ Æ÷¸ËÀº? 483
    10.4 Á¢±Ù¼º 483
    HTMLÀÇ Á¢±Ù¼º 484
    ±âŸ ÀÀ´ä Æ÷¸ËÀÇ Á¢±Ù¼º 487

    ¸¶Ä¡¸ç 489

    ÀúÀÚ¼Ò°³

    ÇÇÅÍ Æú ÄÛ [Àú] ½ÅÀ۾˸² SMS½Åû
    »ý³â¿ùÀÏ -

    ÇØ´çÀÛ°¡¿¡ ´ëÇÑ ¼Ò°³°¡ ¾ø½À´Ï´Ù.

    ÀüÁ¤È¯, Á¤¹®½Ä [¿ª] ½ÅÀ۾˸² SMS½Åû
    »ý³â¿ùÀÏ -

    ÇØ´çÀÛ°¡¿¡ ´ëÇÑ ¼Ò°³°¡ ¾ø½À´Ï´Ù.

    ÀÌ »óÇ°ÀÇ ½Ã¸®Áî

    (ÃÑ 29±Ç / ÇöÀ籸¸Å °¡´Éµµ¼­ 28±Ç)

    ¼±ÅÃÇÑ »óÇ° ºÏÄ«Æ®´ã±â
    ÆîÃ帱â

    ÄÄÇ»ÅÍ/ÀÎÅÍ³Ý ºÐ¾ß¿¡¼­ ¸¹Àº ȸ¿øÀÌ ±¸¸ÅÇÑ Ã¥

      ¸®ºä

      0.0 (ÃÑ 0°Ç)

      100ÀÚÆò

      ÀÛ¼º½Ã À¯ÀÇ»çÇ×

      ÆòÁ¡
      0/100ÀÚ
      µî·ÏÇϱâ

      100ÀÚÆò

      0.0
      (ÃÑ 0°Ç)

      ÆǸÅÀÚÁ¤º¸

      • ÀÎÅÍÆÄÅ©µµ¼­¿¡ µî·ÏµÈ ¿ÀǸ¶ÄÏ »óÇ°Àº ±× ³»¿ë°ú Ã¥ÀÓÀÌ ¸ðµÎ ÆǸÅÀÚ¿¡°Ô ÀÖÀ¸¸ç, ÀÎÅÍÆÄÅ©µµ¼­´Â ÇØ´ç »óÇ°°ú ³»¿ë¿¡ ´ëÇØ Ã¥ÀÓÁöÁö ¾Ê½À´Ï´Ù.

      »óÈ£

      (ÁÖ)±³º¸¹®°í

      ´ëÇ¥ÀÚ¸í

      ¾Èº´Çö

      »ç¾÷ÀÚµî·Ï¹øÈ£

      102-81-11670

      ¿¬¶ôó

      1544-1900

      ÀüÀÚ¿ìÆíÁÖ¼Ò

      callcenter@kyobobook.co.kr

      Åë½ÅÆǸž÷½Å°í¹øÈ£

      01-0653

      ¿µ¾÷¼ÒÀçÁö

      ¼­¿ïƯº°½Ã Á¾·Î±¸ Á¾·Î 1(Á¾·Î1°¡,±³º¸ºôµù)

      ±³È¯/ȯºÒ

      ¹ÝÇ°/±³È¯ ¹æ¹ý

      ¡®¸¶ÀÌÆäÀÌÁö > Ãë¼Ò/¹ÝÇ°/±³È¯/ȯºÒ¡¯ ¿¡¼­ ½Åû ¶Ç´Â 1:1 ¹®ÀÇ °Ô½ÃÆÇ ¹× °í°´¼¾ÅÍ(1577-2555)¿¡¼­ ½Åû °¡´É

      ¹ÝÇ°/±³È¯°¡´É ±â°£

      º¯½É ¹ÝÇ°ÀÇ °æ¿ì Ãâ°í¿Ï·á ÈÄ 6ÀÏ(¿µ¾÷ÀÏ ±âÁØ) À̳»±îÁö¸¸ °¡´É
      ´Ü, »óÇ°ÀÇ °áÇÔ ¹× °è¾à³»¿ë°ú ´Ù¸¦ °æ¿ì ¹®Á¦Á¡ ¹ß°ß ÈÄ 30ÀÏ À̳»

      ¹ÝÇ°/±³È¯ ºñ¿ë

      º¯½É ȤÀº ±¸¸ÅÂø¿À·Î ÀÎÇÑ ¹ÝÇ°/±³È¯Àº ¹Ý¼Û·á °í°´ ºÎ´ã
      »óÇ°À̳ª ¼­ºñ½º ÀÚüÀÇ ÇÏÀÚ·Î ÀÎÇÑ ±³È¯/¹ÝÇ°Àº ¹Ý¼Û·á ÆǸÅÀÚ ºÎ´ã

      ¹ÝÇ°/±³È¯ ºÒ°¡ »çÀ¯

      ·¼ÒºñÀÚÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óÇ° µîÀÌ ¼Õ½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì
      (´ÜÁö È®ÀÎÀ» À§ÇÑ Æ÷Àå ÈѼÕÀº Á¦¿Ü)

      ·¼ÒºñÀÚÀÇ »ç¿ë, Æ÷Àå °³ºÀ¿¡ ÀÇÇØ »óÇ° µîÀÇ °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì
      ¿¹) È­ÀåÇ°, ½ÄÇ°, °¡ÀüÁ¦Ç°(¾Ç¼¼¼­¸® Æ÷ÇÔ) µî

      ·º¹Á¦°¡ °¡´ÉÇÑ »óÇ° µîÀÇ Æ÷ÀåÀ» ÈѼÕÇÑ °æ¿ì
      ¿¹) À½¹Ý/DVD/ºñµð¿À, ¼ÒÇÁÆ®¿þ¾î, ¸¸È­Ã¥, ÀâÁö, ¿µ»ó È­º¸Áý

      ·½Ã°£ÀÇ °æ°ú¿¡ ÀÇÇØ ÀçÆǸŰ¡ °ï¶õÇÑ Á¤µµ·Î °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì

      ·ÀüÀÚ»ó°Å·¡ µî¿¡¼­ÀÇ ¼ÒºñÀÚº¸È£¿¡ °üÇÑ ¹ý·üÀÌ Á¤ÇÏ´Â ¼ÒºñÀÚ Ã»¾àöȸ Á¦ÇÑ ³»¿ë¿¡ ÇØ´çµÇ´Â °æ¿ì

      »óÇ° Ç°Àý

      °ø±Þ»ç(ÃâÆÇ»ç) Àç°í »çÁ¤¿¡ ÀÇÇØ Ç°Àý/Áö¿¬µÉ ¼ö ÀÖÀ½

      ¼ÒºñÀÚ ÇÇÇغ¸»ó
      ȯºÒÁö¿¬¿¡ µû¸¥ ¹è»ó

      ·»óÇ°ÀÇ ºÒ·®¿¡ ÀÇÇÑ ±³È¯, A/S, ȯºÒ, Ç°Áúº¸Áõ ¹× ÇÇÇغ¸»ó µî¿¡ °üÇÑ »çÇ×Àº ¼ÒºñÀÚºÐÀïÇØ°á ±âÁØ (°øÁ¤°Å·¡À§¿øȸ °í½Ã)¿¡ ÁØÇÏ¿© 󸮵Ê

      ·´ë±Ý ȯºÒ ¹× ȯºÒÁö¿¬¿¡ µû¸¥ ¹è»ó±Ý Áö±Þ Á¶°Ç, ÀýÂ÷ µîÀº ÀüÀÚ»ó°Å·¡ µî¿¡¼­ÀÇ ¼ÒºñÀÚ º¸È£¿¡ °üÇÑ ¹ý·ü¿¡ µû¶ó ó¸®ÇÔ

      (ÁÖ)KGÀ̴Ͻýº °áÁ¦´ë±Ý¿¹Ä¡¾÷ µî·Ï¹øÈ£: 02-006-00013

      (ÁÖ)ÀÎÅÍÆÄÅ©Ä¿¸Ó½º´Â ȸ¿ø´ÔµéÀÇ ¾ÈÀü°Å·¡¸¦ À§ÇØ ±¸¸Å±Ý¾×, °áÁ¦¼ö´Ü¿¡ »ó°ü¾øÀÌ (ÁÖ)ÀÎÅÍÆÄÅ©Ä¿¸Ó½º¸¦ ÅëÇÑ
      ¸ðµç °Å·¡¿¡ ´ëÇÏ¿© (ÁÖ)KGÀ̴Ͻýº°¡ Á¦°øÇÏ´Â ±¸¸Å¾ÈÀü¼­ºñ½º¸¦ Àû¿ëÇÏ°í ÀÖ½À´Ï´Ù.
      µî·Ï ¿©ºÎ´Â e-±ÝÀ¶¹Î¿ø¼¾ÅÍ È¨ÆäÀÌÁö(www.fcsc.kr)ÀÇ µî·Ï¡¤½Å°í>ÀüÀÚ±ÝÀ¶¾÷µî·ÏÇöȲ ¸Þ´º¿¡¼­ È®ÀÎÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù. ¼­ºñ½º °¡ÀÔ»ç½Ç È®ÀÎ

      ¹è¼Û¾È³»

      • ±³º¸¹®°í »óÇ°Àº Åùè·Î ¹è¼ÛµÇ¸ç, Ãâ°í¿Ï·á 1~2Àϳ» »óÇ°À» ¹Þ¾Æ º¸½Ç ¼ö ÀÖ½À´Ï´Ù.

      • Ãâ°í°¡´É ½Ã°£ÀÌ ¼­·Î ´Ù¸¥ »óÇ°À» ÇÔ²² ÁÖ¹®ÇÒ °æ¿ì Ãâ°í°¡´É ½Ã°£ÀÌ °¡Àå ±ä »óÇ°À» ±âÁØÀ¸·Î ¹è¼ÛµË´Ï´Ù.

      • ±ººÎ´ë, ±³µµ¼Ò µî ƯÁ¤±â°üÀº ¿ìü±¹ Åù踸 ¹è¼Û°¡´ÉÇÕ´Ï´Ù.

      • ¹è¼Ûºñ´Â ¾÷ü ¹è¼Ûºñ Á¤Ã¥¿¡ µû¸¨´Ï´Ù.

      • - µµ¼­ ±¸¸Å ½Ã 15,000¿ø ÀÌ»ó ¹«·á¹è¼Û, 15,000¿ø ¹Ì¸¸ 2,500¿ø - »óÇ°º° ¹è¼Ûºñ°¡ ÀÖ´Â °æ¿ì, »óÇ°º° ¹è¼Ûºñ Á¤Ã¥ Àû¿ë