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

HTML5 CSS3 ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ Á¤¼® : HTML5 Çʼö API·Î ¹è¿ì´Â Â÷¼¼´ë À¥ ÇÁ·Î±×·¡¹Ö

¿øÁ¦ : HTML5 for masterminds
¼Òµæ°øÁ¦

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

°øÀ¯Çϱâ
Á¤°¡

30,000¿ø

  • 27,000¿ø (10%ÇÒÀÎ)

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

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

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

  • »óÇ°±Ç

AD

Ã¥¼Ò°³

HTML5ÀÇ °³³ä°ú ½ÇÀü ÇÁ·Î±×·¡¹ÖÀÇ Á¤¼®À» ¾È³»ÇÑ ÀÔ¹®¼­!

HTML5 Çʼö API·Î ¹è¿ì´Â Â÷¼¼´ë À¥ ÇÁ·Î±×·¡¹Ö¡ºHTML5+CSS3+ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ Á¤¼®¡». Çʼö Áö½ÄÀÇ ½Àµæ¿¡¼­ HTML5 ¸í¼¼¿¡ Æ÷ÇÔµÈ º¹ÀâÇÑ ÁÖÁ¦ÀÇ ¸¶½ºÅͱîÁö ´Ü°èº°·Î HTML5, CSS3, ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ È°¿ëÇÑ À¥ ÇÁ·Î±×·¡¹ÖÀÇ Á¤µµ¸¦ ¼³¸íÇÑ Ã¥ÀÌ´Ù. HTML5ÀÇ ¹®¼­±¸Á¶, CSS3 ½ºÅ¸ÀÏ°ú ÇÁ·ÎÆÛƼ, ÀÚ¹Ù½ºÅ©¸³Æ®¿¡ ´ëÇÑ ±âº»ÀûÀÎ ¼³¸íÀ» ½ÃÀÛÀ¸·Î ºñµð¿À¿Í ¿Àµð¿À, Æû, ĵ¹ö½º, µå·¡±×¾Øµå·Ó, Áö¿À·ÎÄÉÀ̼Ç, À¥ ½ºÅ丮Áö, IndexedDB, ÆÄÀÏ, Ä¿¹Â´ÏÄÉÀ̼Ç, À¥ ¿öÄ¿, È÷½ºÅ丮, ¿ÀÇÁ¶óÀΰú °°Àº Çʼö API¿¡ ´ëÇØ ½ÇÀü ¿¹Á¦¸¦ Áß½ÉÀ¸·Î ÃÑ 16Àå¿¡ °ÉÃÄ ´Ü°èº°·Î ¸íÄèÇÏ°Ô Ç®¾î°£´Ù. ÀÌ Ã¥À» ÀÐ°í ³ª¸é HTML5¸¦ ÀÌ¿ëÇØ ¹®¼­¸¦ ±¸Á¶È­ÇÏ´Â ¹æ¹ý, CSS3¸¦ ÀÌ¿ëÇØ ½ºÅ¸ÀÏÀ» Àû¿ëÇÏ´Â ¹æ¹ý, °¡Àå °­·ÂÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® API¸¦ ÀÌ¿ëÇØ ÀÛ¾÷ÇÏ´Â ¹æ¹ýÀ» ¾Ë°Ô µÉ °ÍÀÌ´Ù.

ÃâÆÇ»ç ¼­Æò

HTML5, CSS3, ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ È°¿ëÇÑ À¥ ÇÁ·Î±×·¡¹ÖÀÇ Á¤µµ(ïáÔ³)¸¦ ¼³¸íÇÏ´Â ¾ÆÁÖ ÁÁÀº Âü°í¼­´Ù. HTML5ÀÇ ¹®¼­±¸Á¶, CSS3 ½ºÅ¸ÀÏ°ú ÇÁ·ÎÆÛƼ, ÀÚ¹Ù½ºÅ©¸³Æ®¿¡ ´ëÇÑ ±âº»ÀûÀÎ ¼³¸íÀ» ½ÃÀÛÀ¸·Î ºñµð¿À¿Í ¿Àµð¿À, Æû, ĵ¹ö½º, µå·¡±×¾Øµå·Ó, Áö¿À·ÎÄÉÀ̼Ç, À¥ ½ºÅ丮Áö, IndexedDB, ÆÄÀÏ, Ä¿¹Â´ÏÄÉÀ̼Ç, À¥ ¿öÄ¿, È÷½ºÅ丮, ¿ÀÇÁ¶óÀΰú °°Àº Çʼö API¿¡ ´ëÇØ ½ÇÀü ¿¹Á¦¸¦ Áß½ÉÀ¸·Î ÃÑ 16Àå¿¡ °ÉÃÄ ´Ü°èº°·Î ¸íÄèÇÏ°Ô Ç®¾î°£´Ù. ÀÌ Ã¥À¸·Î HTML5ÀÇ °³³ä°ú ½ÇÀü ÇÁ·Î±×·¡¹ÖÀÇ Á¤¼®À» ÇÔ²² È®ÀÎÇغ¸ÀÚ.

¿ì¸®´Â Çõ¸í¿¡ Á÷¸éÇØ ÀÖ´Ù. À¥Àº ¸ÞÀÎ °³¹ß Ç÷§ÆûÀÎ µ¿½Ã¿¡ Á¤º¸¿Í ¼ÒÇÁÆ®¿þ¾î¿¡ ´ëÇÑ ÁÖ¿ä ±â¹ÝÀÌ µÇ°í ÀÖ´Ù. ÃÖ±Ù ¸î ³â µ¿¾È ¸ð¹ÙÀÏ ±â±â´Â ÀÎÅÍ³Ý ¾ÖÇø®ÄÉÀ̼ÇÀ» °¡´ÉÇÑ ¼ö´Ü¿¡¼­ Çʼö ¿ä¼Ò·Î ¹Ù²ã ³õ¾Ò´Ù. ÇöÀç À¥¿¡¼­ µ¶¸³ÀûÀ¸·Î µ¿ÀÛÇÏ´Â ÄÄÇ»ÅÍ°¡ °³¹ß ÁßÀ̸ç Ãâ½Ãµµ ¸ñÀü¿¡ µÎ°í ÀÖ´Ù. À¥¿¡¼­ µ¿ÀÛÇÏ´Â ¼ÒÇÁÆ®¿þ¾î´Â ±× ¾î´À ¶§º¸´Ù ´õ Á¤±³ÇØÁö°í ÀÖÀ¸¸ç, ÃÖÁ¾ÀûÀ¸·Î µ¥½ºÅ©Åé ¾ÖÇø®ÄÉÀ̼ÇÀ» ´ëüÇÏ°í ÀÖ´Ù. º¯È­ÀÇ ¼öÁØÀº ½ÇÇèÀûÀÌ°í ±ÞÁøÀûÀ̸ç HTML5°¡ ÀÌ·¯ÇÑ º¯È­ÀÇ Á߽ɿ¡ ¼­ ÀÖ´Ù.

¡ºHTML5+CSS3+ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ Á¤¼®¡»Àº Çʼö Áö½ÄÀÇ ½Àµæ¿¡¼­ HTML5 ¸í¼¼¿¡ Æ÷ÇÔµÈ º¹ÀâÇÑ ÁÖÁ¦ÀÇ ¸¶½ºÅͱîÁö ´Ü°èº°·Î µ¶ÀÚ¸¦ ¾È³»ÇÑ´Ù. ÀÌ Ã¥À» ÀÐ°í ³ª¸é HTML5¸¦ ÀÌ¿ëÇØ ¹®¼­¸¦ ±¸Á¶È­ÇÏ´Â ¹æ¹ý, CSS3¸¦ ÀÌ¿ëÇØ ½ºÅ¸ÀÏÀ» Àû¿ëÇÏ´Â ¹æ¹ý, °¡Àå °­·ÂÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® API¸¦ ÀÌ¿ëÇØ ÀÛ¾÷ÇÏ´Â ¹æ¹ýÀ» ¾Ë°Ô µÈ´Ù.

ÀÌ Ã¥Àº ´Ü¼øÇÑ HTML5ÀÇ ¾È³»¼­°¡ ¾Æ´Ï´Ù. ÀÌ Ã¥Àº µ¸º¸ÀÌ´Â À¥»çÀÌÆ®¿Í ³î¶ó¿î À¥ ¾ÖÇø®ÄÉÀ̼ÇÀÇ ±¸ÃàÀ» ±âº»ºÎÅÍ ¼³¸íÇÏ´Â Àüü °úÁ¤ÀÌ´Ù. °¢ Àå¿¡¼­´Â HTML5, CSS3, ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ º¹ÀâÇÑ ¹®Á¦»Ó¸¸ ¾Æ´Ï¶ó ±âº» °³³äÀ» »ìÆ캻´Ù. ½Ç¿ëÀûÀÎ Àüü Äڵ带 ÅëÇØ Ãʺ¸ÀÚ´Â °³³äÀ» ÆľÇÇÒ ¼ö ÀÖÀ¸¸ç Àü¹®°¡´Â °¢°¢ÀÇ Å±×, ½ºÅ¸ÀÏ ¶Ç´Â ¸í¼¼¿¡ Æ÷ÇÔµÈ ÇÔ¼öÀÇ ½ÇÁ¦ »ç¿ë ¹æ½ÄÀ» È®ÀÎÇÒ ¼ö ÀÖ´Ù. ÄÚµå´Â µ¶ÀÚµéÀÌ º¹ÀâÇÑ ÁÖÁ¦¸¦ Á¡ÁøÀûÀ¸·Î ÀÌÇØÇÒ ¼ö ÀÖµµ·Ï Ã¥ Àü¹Ý¿¡ °ÉÃÄ Æ¯Á¤ÇÑ ¼ø¼­·Î ¹èÄ¡µÅ ÀÖ´Ù.

¡ºHTML5+CSS3+ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ Á¤¼®¡»Àº µ¶ÀÚµéÀÌ ÃֽŠÀ¥ ±â¼ú¿¡ Àͼ÷ÇØÁú ¼ö ÀÖ°Ô ÇÏ´Â µ¥ ¸ñÇ¥¸¦ µ×´Ù. ÀÌ·¯ÇÑ ±â¼úÀº ¹Ì·¡¸¦ ÁغñÇϱâ À§ÇØ °³¹ßµÆÀ¸¸ç, ÀÌ Ã¥Àº ¿©·¯ºÐÀÇ ÀáÀç·ÂÀ» Àϱú¿ì±â À§ÇØ ¾²¿©Á³´Ù. ÀÌÁ¦ ¸¶½ºÅÍ°¡ µÇ¾îº¸ÀÚ!

¡Ú ÀúÀÚ ¼­¹® ¡Ú

HTML5´Â ±âÁ¸ ¸¶Å©¾÷ ¾ð¾îÀÇ »õ·Î¿î ¹öÀüÀÌ ¾Æ´Ï¶ó(¡®¿¹Àü¡¯ ±â¼úÀÇ °³¼±ÀÌ ¾Æ´Ï¶ó) ¸ð¹ÙÀÏ ±â±â¿Í Ŭ¶ó¿ìµå ÄÄÇ»Æðú ³×Æ®¿öÅ· ½Ã´ë¿¡ À¥»çÀÌÆ®¿Í ¾ÖÇø®ÄÉÀÌ¼Ç Á¦ÀÛÀ» À§ÇÑ »õ·Î¿î °³³äÀÌ´Ù.

ÀÌ ¸ðµç °ÍÀº ¿À·¡ Àü¿¡ À¥ ÆäÀÌÁöÀÇ ±âº»ÀûÀÎ ±¸Á¶¸¦ ¸¸µé°í ÇØ´ç ÄÜÅÙÃ÷¸¦ ±¸¼ºÇÏ°í Á¤º¸¸¦ °øÀ¯Çϱâ À§ÇØ °³¹ßµÈ HTMLÀÇ °£´ÜÇÑ ¹öÀüÀ¸·Î ½ÃÀÛÇß´Ù. ¾ð¾î¿Í À¥ ÀÚü´Â ÁÖ·Î ÅؽºÆ®¸¦ ÅëÇÑ Á¤º¸ Åë½ÅÀÇ ¸ñÀûÀ¸·Î ź»ýÇß´Ù.

ÇÏÁö¸¸ HTMLÀÇ Çù¼ÒÇÑ È°¿ë ¹üÀ§·Î ÀÎÇØ, °¢ ±â¾÷µéÀº ¿¹Àü¿¡ ¾ø´ø »õ·Î¿î ¾ð¾î¿Í ¼ÒÇÁÆ®¿þ¾î¸¦ °³¹ßÇÏ°í À¥¿¡ ±â´ÉÀ» Ãß°¡Çϱ⠽ÃÀÛÇß´Ù. ´ç½Ã Ãʱ⿡ °³¹ßµÈ ¾ð¾î¿Í ¼ÒÇÁÆ®¿þ¾î µéÀº °­·ÂÇÏ°í À¯¸íÇÑ Ç÷¯±×ÀÎÀ¸·Î ¼ºÀåÇß´Ù. °£´ÜÇÑ °ÔÀÓ°ú Àç¹ÌÀÖ´Â ¾Ö´Ï¸ÞÀ̼ÇÀº °ð Á¤±³ÇÑ ¾ÖÇø®ÄÉÀ̼ÇÀ¸·Î º¯Çß°í À¥ÀÇ °³³äÀ» ¿ÏÀüÈ÷ ¹Ù²ã³õ´Â »õ·Î¿î °æÇèÀ» Á¦°øÇß´Ù.

»õ·Ó°Ô °³¹ßµÈ °Íµé Áß¿¡¼­´Â ÀÚ¹Ù¿Í Ç÷¡½Ã°¡ °¡Àå ¼º°øÀûÀ̾ú´Ù. ÀÚ¹Ù¿Í Ç÷¡½Ã´Â Æø³Ð°Ô äÅõǾúÀ¸¸ç ÀÎÅͳÝÀÇ ¹Ì·¡·Î ¿©°ÜÁ³´Ù. ÇÏÁö¸¸ »ç¿ëÀÚ ¼ö°¡ Á¡Á¡ Áõ°¡ÇÏ°í, ÀÎÅÍ³Ý ºñÁî´Ï½º¿Í »çȸÀû ¼ÒÅëÀ» À§ÇÑ ÁÖ¿ä ºÐ¾ß¿¡¼­ ÄÄÇ»ÅÍ »ç¿ëÀÚ °£ »óÈ£ ¿¬°áÇÏ´Â ¹æ¹ýÀÌ Â÷Â÷ º¯È­ÇÏ°Ô µÇ¸é¼­, ÀÚ¹Ù¿Í Ç÷¡½Ã¿¡ Á¸ÀçÇÏ´ø Á¦¾à»çÇ×Àº »çÇü ¼±°í¸¦ ¹Þ°Ô µÆ´Ù.

ÀÚ¹Ù¿Í Ç÷¡½ÃÀÇ ÁÖµÈ ºÒÆíÇÔÀº ÅëÇÕ(integration)ÀÇ °áÇÌÀ̶ó ÇÒ ¼ö ÀÖ´Ù. ÀÚ¹Ù¿Í Ç÷¡½Ã ¸ðµÎ óÀ½ºÎÅÍ Ç÷¯±×ÀÎÀ¸·Î Ãâ¹ßÇßÀ¸¸ç, ±¸Á¶¿¡ »ðÀÔµÇÁö¸¸ ±âº»ÀûÀ¸·Î ´ÜÁö È­¸éÀÇ ÀϺΠ¿µ¿ª¿¡ ÇØ´çÇÏ´Â ±¸Á¶ÇÏ°í¸¸ °øÀ¯ÇÑ´Ù. ¾ÖÇø®ÄÉÀ̼ǰú ¹®¼­ »çÀÌÀÇ Åë½Å°ú ÅëÇÕÀº ¾ø¾ú´Ù.

ÅëÇÕÀÇ ¹ÌÁøÇÔÀº ¸Å¿ì ½É°¢ÇÑ ¹®Á¦°¡ µÆÀ¸¸ç HTML ¹®¼­¿¡¼­ ¿µ¿ªÀ» °øÀ¯ÇÏ°í Ç÷¯±×ÀÎÀÇ Á¦¾à»çÇ׿¡ ¿µÇâÀ» ¹ÞÁö ¾Ê´Â ¾ð¾î °³¹ßÀ» À§ÇÑ ±æÀ» ¸¶·ÃÇÏ°Ô µÆ´Ù. ÀÚ¹Ù½ºÅ©¸³Æ®´Â ºê¶ó¿ìÀú¿¡ ³»ÀåµÈ Çؼ®Çü ¾ð¾î(interpreted language)·Î¼­, ºÐ¸íÈ÷ »ç¿ëÀÚÀÇ °æÇèÀ» Çâ»ó½ÃÅ°°í À¥¿¡ ±â´ÉÀ» Á¦°øÇÏ´Â ¹æ¹ýÀ̾ú´Ù. ÇÏÁö¸¸ ¸î ³â°£ º¸±Þ ½ÃµµÀÇ ½ÇÆÐ¿Í ¿À³²¿ëÀ¸·Î ÀÎÇØ ½ÃÀå¿¡¼­ ¿ÂÀüÈ÷ äÅõÇÁö ¾Ê¾ÒÀ¸¸ç Àα⵵ °¨¼ÒÇß´Ù. ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ÆïÇÏÇÏ´Â »ç¶÷µé¿¡°Ô´Â äÅÃÀ» ¹Ý´ëÇÏ´Â ÁÁÀº ÀÌÀ¯°¡ µÆÀ¸¸ç, ¶ÇÇÑ ´ç½Ã ÀÚ¹Ù½ºÅ©¸³Æ®´Â Ç÷¡½Ã¿Í ÀÚ¹ÙÀÇ ±â´ÉÀ» ´ëüÇÒ ´É·ÂÁ¶Â÷ ¾ø¾ú´Ù. ±×¸®°í ºÐ¸íÈ÷ ÀÚ¹Ù¿Í Ç÷¡½Ã°¡ À¥ ¾ÖÇø®ÄÉÀ̼ÇÀÇ ¹üÀ§¸¦ Á¦ÇÑÇÏ°í À¥ÀÇ ÄÜÅÙÃ÷¸¦ °í¸³½ÃÅ°´Â ½Ã±â¿´À½¿¡µµ, ºñµð¿À ½ºÆ®¸®¹Ö °°Àº Àαâ ÀÖ´Â ±â´ÉÀº À¥ÀÇ Å« ºñÁßÀ» Â÷ÁöÇÏ°Ô µÆ°í ÀÌ´Â ÀÚ¹Ù³ª Ç÷¡½Ã ±â¼úÀ» ÅëÇؼ­¸¸ È¿°úÀûÀ¸·Î Á¦°øµÉ ¼ö ÀÖ¾ú´Ù.

ÀÌ¿Í °°Àº ¼º°ø¿¡µµ ºÒ±¸ÇÏ°í À¥ ¿µ¿ª¿¡¼­ ÀÚ¹Ù´Â ¼èÅðÇß´Ù. ¾ð¾î º»·¡ÀÇ º¹À⼺, ÁöÁöºÎÁøÇÑ ¹ßÀü°ú ÅëÇÕÀÇ ¹ÌÁøÇÔÀ¸·Î ÀÎÇØ ¿À´Ã³¯ ÀÚ¹Ù´Â ÁÖ·ù À¥ ¾ÖÇø®ÄÉÀ̼ǿ¡ ´õ ÀÌ»ó »ç¿ëµÇÁö ¾ÊÀ» Á¤µµ·Î ±× Áß¿äµµ°¡ ÁÙ¾îµé°Ô µÆ´Ù. ÀÚ¹Ù°¡ »ç¶óÁöÀÚ À¥ ½ÃÀåÀº Ç÷¡½Ã¸¦ ÁÖ¸ñÇß´Ù. ÇÏÁö¸¸ Ç÷¡½Ã°¡ À¥¿¡¼­ °æÀïÀÚ¿Í ±âº»ÀûÀΠƯ¼ºÀ» °øÀ¯ÇØ¾ß ÇÑ´Ù´Â »ç½ÇÀº Ç÷¡½Ãµµ ÀÚ¹Ù¿Í µ¿ÀÏÇÑ ¿î¸í¿¡ óÇÏ°Ô µÉ °ÍÀ¸·Î º¸¿´´Ù.

ÇÑÆí, À¥¿¡ Á¢±ÙÇÏ´Â ¼ÒÇÁÆ®¿þ¾î´Â °è¼Ó ¹ßÀüÇß´Ù. »õ·Î¿î ±â´ÉÀ» ºñ·ÔÇØ ´õ »¡¶óÁø ÀÎÅÍ³Ý Á¢¼Ó ±â¼ú°ú ÇÔ²² ºê¶ó¿ìÀú ¿ª½Ã ÀÚ¹Ù½ºÅ©¸³Æ® ¿£ÁøÀ» Çâ»ó½ÃÄ×´Ù. ´õ °­·ÂÇØÁú¼ö·Ï ´õ ¸¹Àº ±âȸ°¡ »ý°åÀ¸¸ç ÀÚ¹Ù½ºÅ©¸³Æ® ¾ð¾î´Â ÀÌ ¸ðµç °ÍÀ» ¹Þ¾ÆµéÀÏ Áغñ¸¦ °®Ãè´Ù.

ÀÌ·¯ÇÑ °úÁ¤¿¡¼­ °³¹ßÀÚµéÀº ÀÚ¹Ù¿Í Ç÷¡½Ã ¸ðµÎ »ç¿ëÀÚÀÇ Áõ°¡·Î ÀÎÇØ ¿ä±¸µÇ´Â ¾ÖÇø®ÄÉÀ̼ÇÀ» Á¦ÀÛÇÏ´Â µ¥ ÇÊ¿äÇÑ µµ±¸¸¦ Á¦°øÇϱ⿡´Â ÃæºÐÇÏÁö ¾Ê´Ù°í È®½ÅÇϱ⿡ À̸£·¶´Ù. °á±¹ °³¹ßÀÚµéÀº ÀÌÀü¿¡ º» ÀûÀÌ ¾ø´ø ¹æ½ÄÀ¸·Î ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ¾ÖÇø®ÄÉÀ̼ǿ¡ Àû¿ëÇϱ⠽ÃÀÛÇß´Ù. Çõ½Å°ú ³î¶ó¿î °á°ú°¡ ´õ ¸¹Àº ÇÁ·Î±×·¡¸ÓµéÀÇ ´«±æÀ» ²ø¾ú´Ù. °ð ¡®À¥ 2.0¡¯ÀÌ Åº»ýÇß°í °³¹ßÀÚÀÇ Ä¿¹Â´ÏƼ¿¡¼­ ÀÚ¹Ù½ºÅ©¸³Æ®¿¡ ´ëÇÑ Àνĵµ ±Þ°ÝÈ÷ º¯Çß´Ù.

ÀÚ¹Ù½ºÅ©¸³Æ®´Â ¿¹Àü¿¡ ¾î´À ´©±¸µµ À¥¿¡¼­ ÀÌ·ï³»Áö ¸øÇÑ ÀÛ¾÷ÀÇ ¼öÇà°ú Çõ½ÅÀ» °¡´ÉÇÏ°Ô ÇÑ ¾ð¾îÀÓ¿¡ ºÐ¸íÇÏ´Ù. Áö³­ ¸î ³â°£ Àü¼¼°è ÇÁ·Î±×·¡¸Óµé°ú À¥ µðÀÚÀ̳ʵéÀº ÀÌ ±â¼úÀÇ ÇÑ°è¿Í À̽ļºÀÇ Ãʱ⠰áÇÔÀ» ±Øº¹Çϱâ À§ÇØ ¸Å¿ì ³î¶ó¿î ¹æ¾ÈÀ» ³»³õ¾Ò´Ù. ÀÚ¹Ù½ºÅ©¸³Æ®´Â HTML°ú CSS¿Í ÇÔ²² À¥ÀÇ ¹ßÀü¿¡ Àý½ÇÈ÷ ÇÊ¿äÇÑ °¡Àå ¿Ïº®ÇÑ Á¶ÇÕÀÌ µÆ´Ù.

HTML5´Â ½ÇÁ¦·Î ÀÌ·¯ÇÑ Á¶ÇÕÀ» °³¼±½ÃŲ, ¸ðµç ³»¿ëÀ» Çѵ¥ °áÇÕÇÏ´Â Á¢ÂøÁ¦¿Íµµ °°´Ù. HTML5´Â À¥ÀÇ ¸ðµç Ãø¸é¿¡ ´ëÇÑ Ç¥ÁØÀ» Á¦¾ÈÇßÀ¸¸ç Æ÷ÇÔµÈ °¢°¢ÀÇ ±â¼ú¿¡ ´ëÇÑ ¸ñÀûµµ ºÐ¸íÈ÷ Çß´Ù. Áö±ÝºÎÅÍ HTMLÀº ±¸Á¶ÀûÀÎ ¿ä¼Ò¸¦ Á¦°øÇϸç, CSS´Â ÇØ´ç ±¸Á¶¸¦ ½Ã°¢ÀûÀ¸·Î ¸Å·ÂÀûÀÌ°í À¯¿ëÇÏ°Ô º¯È¯ÇÏ´Â ¹æ¹ý¿¡ ÁýÁßÇϸç, ÀÚ¹Ù½ºÅ©¸³Æ®´Â ±â´ÉÀ» Á¦°øÇÏ°í Àüü À¥ ¾ÖÇø®ÄÉÀ̼ÇÀ» ±¸ÃàÇÏ´Â µ¥ ÇÊ¿äÇÑ ¸ðµç ´É·ÂÀ» Á¦°øÇÑ´Ù.

À¥»çÀÌÆ®¿Í ¾ÖÇø®ÄÉÀ̼ÇÀÇ °æ°è´Â ¸¶Ä§³» »ç¶óÁ³´Ù. ±×¸®°í ÇÊ¿äÇÑ ±â¼úÀº ÁغñµÆ´Ù. À¥ÀÇ ¹Ì·¡´Â À¯¸ÁÇϸç HTML, CSS ±×¸®°í ÀÚ¹Ù½ºÅ©¸³Æ®¶ó´Â ¼¼ °¡Áö ±â¼úÀÇ Á¶ÇÕ°ú ¹ßÀüÀº ÇϳªÀÇ °­·ÂÇÑ ¸í¼¼°¡ µÆÀ¸¸ç ÀÎÅͳÝÀ» ¼±µµÀûÀÎ °³¹ß¿ë Ç÷§ÆûÀ¸·Î º¯È­½ÃÅ°°í ÀÖ´Ù. HTML5´Â ºÐ¸íÈ÷ ÀÌ·¯ÇÑ ¹æ½ÄÀ» À̲ø°í ÀÖ´Ù.

¡Ú ¿Å±äÀÌÀÇ ¸» ¡Ú

HTML5´Â W3C¿¡¼­ ¸¸µç Â÷¼¼´ë À¥ Ç¥ÁØÀ¸·Î ¾ÖÇÃ, ±¸±Û, ¸ðÁú¶ó, ¿ÀÆä¶ó ±×¸®°í ¸¶ÀÌÅ©·Î¼ÒÇÁÆ® µîÀÇ ¸ðµç º¥´õ°¡ Âü¿©ÇÏ°í ÀÖ½À´Ï´Ù. HTML5¿¡ ÀÌ¿Í °°Àº ÁÖ¿ä ¼±µµ±â¾÷µéÀÌ ¾Õ´ÙÅý Âü¿©ÇÏ´Â ÀÌÀ¯´Â ºÐ¸í HTML5¿¡ ±× ¹«¾ùÀΰ¡ ¡®¸Å·Â¡¯ÀÌ À־ÀÏ °Ì´Ï´Ù.

¿¹Àü¿¡ ¾Èö¼ö ±³¼ö´ÔÀÌ ¡®¹«¸­Æŵµ»ç¡¯¶ó´Â TV ÇÁ·Î±×·¥¿¡ Ã⿬ÇØ ÀÚ½ÅÀÇ ¼º°ø ¿äÀÎÀº ¡®¿îÀ̶õ ±âȸ°¡ Áغñ¸¦ ¸¸³­ °Í¡¯À̶ó°í À̾߱âÇß½À´Ï´Ù. ¾Æ¸¶µµ ÁغñµÈ HTML5°¡ ¸ð¹ÙÀÏÀ̶ó´Â ±âȸ¸¦ ¸¸³ª ¡®¿î¡¯ ÁÁÀº ¼º°øÀ» °ÅµÐ ½ºÅ丮°¡ ÀÌ¿Í ºñ½ÁÇÏÁö ¾ÊÀ»±î¿ä?

HTML5´Â ´õ ÀÌ»ó È­¸é¸¸ Ç¥ÇöÇÏ´Â ¡®¼ö´Ü¡¯ÀÌ ¾Æ´Õ´Ï´Ù. HTML5´Â ÀÌÀü ¹öÀüÀÇ °³¼±ÀÌ ¾Æ´Ï¶ó »õ·Î¿î ¡®Ç÷§Æû¡¯ÀÔ´Ï´Ù. ±âÁ¸ÀÇ HTMLÀÌ ¡®Ç¥Çö¡¯¿¡ ÁýÁßÇÑ ¡®¼öµ¿ÀûÀÎ ¼ö´Ü¡¯À̾ú´Ù¸é HTML5´Â À¥ÀÇ ¡®±â¹Ý¡¯ÀÌ µÇ´Â ¡®´Éµ¿ÀûÀÎ µµ±¸¡¯ÀÔ´Ï´Ù. HTML5°¡ °¢±¤¹Þ´Â ÀÌÀ¯µµ °ú°ÅÀÇ ÇѰ踦 ¶Ù¾î³ÑÀº ÀÌ¿Í °°Àº ¡®Çõ½Å¡¯¿¡ ÀÖ´Ù°í »ý°¢µË´Ï´Ù.

ÀÌ Ã¥Àº HTML5¿Í °ü·ÃµÈ ÁÖ¿ä ÇÙ½É ÁÖÁ¦¸¦ ÃÑ 16ÀåÀ¸·Î ±¸¼ºÇßÀ¸¸ç °¢ ÀåÀº °ÅÀÇ µ¶¸³ÀûÀÔ´Ï´Ù. óÀ½¿¡´Â °£´ÜÇÑ ±âº»³»¿ëÀ¸·Î ½ÃÀÛÇØ ±× ¿¹Á¦¸¦ Á¡ÁøÀûÀ¸·Î ¿Ï¼ºÇØ ³ª°¡´Â ¹æ½ÄÀÌ¸ç °¢ ÀåÀÌ ³¡³ª¸é ÀüüÀûÀÎ ³»¿ëÀ» ÇÑ´«¿¡ ÆľÇÇÒ ¼ö ÀÖ°Ô ±¸¼ºÇß½À´Ï´Ù. °á±¹ °¢ ÀåÀº ±â½ÂÀü°áÀÇ ½ºÅ丮°¡ ÀÖ´Â ´ÜÆí µå¶ó¸¶¿Í °°½À´Ï´Ù. µû¶ó¼­ óÀ½¿¡´Â ÀÌ Ã¥À» °¡º­¿î ¸¶À½À¸·Î ÀÐÀ¸¸é¼­ Àüü À±°ûÀ» ÆľÇÇÏ¸é µË´Ï´Ù. ±×·± ´ÙÀ½ °¢ ¿¹Á¦¸¦ ÀÚ¼¼È÷ »ìÆ캸°í ½ÇÇàÇغ¸¸é ¡®°¨¡¯À» Àâ°Ô µÉ °Ì´Ï´Ù.

ÀÌ Ã¥°ú ´õºÒ¾î ÀÌ Ã¥¿¡ ´ëÇÑ È¨ÆäÀÌÁöµµ ¸Å¿ì ¾ËÂ÷°Ô ±¸¼ºµÅ ÀÖ½À´Ï´Ù. ȨÆäÀÌÁö¸¦ º¸¸é ÀúÀÚÀÇ ¼¶¼¼ÇÔ°ú Àü¹®ÀûÀÎ Áö½ÄÀÌ ÀÌ Ã¥ÀÌ Åº»ýÇÑ ¿øµ¿·ÂÀ̶ó È®½ÅÇÏ°Ô µË´Ï´Ù. ÀÌÁ¦ Àüü ¡®½£¡¯À» º¸¾Ò°í, ÄÚµå¶ó´Â ¡®³ª¹«¡¯µµ »ìÆìºÃ´Ù¸é ÇÑ ´Ü°è ´õ ³ª¾Æ°¡ ÀÌ Ã¥ÀÇ È¨ÆäÀÌÁö¸¦ ²À ¹æ¹®ÇØ º¸½Ã±â ¹Ù¶ø´Ï´Ù. ȨÆäÀÌÁö(±×¸² 1 ÂüÁ¶)ÀÇ ¿ìÃø »ó´Ü¿¡ ÀÖ´Â ¡®Links¡¯ ¸Þ´º¸¦ Ŭ¸¯ÇÏ½Ã¸é °¢ Àå°ú °ü·Ã ÀÖ´Â ÁÖ¿ä »çÀÌÆ®ÀÇ ¸µÅ©°¡ º¸ÀÔ´Ï´Ù(±×¸² 2 ÂüÁ¶). ÀÌ ¸µÅ©ÀÇ ³»¿ëÀ» È®ÀÎÇÏ°í ÀÌÇØÇÏ°Ô µÇ¸é µåµð¾î ±× ¡®½£¡¯¿¡ ÀÖ´Â ¡®³ª¹«¡¯ ¿Ü¿¡µµ ¾Æ¸§´Ù¿î ¡®²É¡¯µµ º¸ÀÏ °Ì´Ï´Ù.

ÀÌ Ã¥ÀÇ ¼Ò½ºÄÚµå´Â ÃÑ ¼¼ °¡Áö ÇüÅ·ΠÁ¦°øÇÕ´Ï´Ù. ù ¹ø°´Â txt ÆÄÀÏ ÇüÅ·Πå¿¡ ÀÖ´Â ¸ðµç Äڵ带 °¢°¢ÀÇ ÅؽºÆ® ÆÄÀÏ·Î Á¦°øÇÕ´Ï´Ù. ¿¹ÄÁ´ë Ã¥ÀÇ ÄÚµå 1-1ÀÇ ÅؽºÆ® ÆÄÀÏÀº code1-1.txtÀÔ´Ï´Ù. µÎ ¹ø°´Â html ÆÄÀÏ ÇüÅÂÀÔ´Ï´Ù. txt ÆÄÀÏ°ú ¸¶Âù°¡Áö·Î Ã¥ÀÇ ¸ðµç Äڵ带 Á¦°øÇÕ´Ï´Ù. ÇÏÁö¸¸ html ÆÄÀÏÀ» ºê¶ó¿ìÀú¿¡¼­ ¿­¸é, °á°ú°¡ ¾Æ´Ï¶ó ÇØ´ç Äڵ尡 ºê¶ó¿ìÀú¿¡ Á÷Á¢ ³ªÅ¸³³´Ï´Ù. ¸¶Áö¸·À¸·Î ¼¼ ¹ø°´Â Ã¥ÀÇ º»¹®¿¡ ÀÖ´Â È­¸é ĸó¸¦ À§ÇØ ÀÛ¼ºÇÑ html ÆÄÀÏÀÔ´Ï´Ù. ¾Õ¼­ ¼³¸íÇßµíÀÌ ÀÌ Ã¥ÀÇ ±¸¼ºÀÌ Á¡ÁøÀû ±¸¼ºÀ¸·Î µÇ¾îÀÖ¾î ÀÌÀü css ÆÄÀÏÀ̳ª js ÆÄÀÏÀ» µ¤¾î¾²°Ô µÇ´Â °æ¿ì°¡ ÀÖ½À´Ï´Ù. µû¶ó¼­ È­¸é ĸó ½Ã »ç¿ëÇÑ ÄÚµåÀÇ °æ¿ì´Â µ¶¸³ÀûÀ¸·Î ÀÛ¼ºÇØ ÇØ´ç Äڵ常 ½ÇÇàÇÏ¸é °á°ú¸¦ ¹Ù·Î È®ÀÎÇØ º¼ ¼ö ÀÖµµ·Ï html, css, js ÆÄÀÏÀ» ¸ðµÎ ÇÕÃļ­ ÇϳªÀÇ html ÆÄÀÏ·Î ÀÛ¼ºÇß½À´Ï´Ù. ±×¸®°í ÀÌ¿Í °°Àº ÅëÇÕ html ÆÄÀÏÀÇ ¸í¸í ±ÔÄ¢Àº html+css+js ¼øÀ¸·Î ºÎ¿©Çß½À´Ï´Ù. ¿¹ÄÁ´ë code5-4+5+6~10.html ÆÄÀÏÀÇ °æ¿ì´Â ¡®ÄÚµå 5-4ÀÇ html ÆÄÀÏ+ÄÚµå 5-5ÀÇ css ÆÄÀÏ+ÄÚµå 5-6¿¡¼­ ÄÚµå 5~10±îÁöÀÇ jsÆÄÀÏ¡¯À» ¸ðµÎ ÇÕÃļ­ Çϳª·Î ÀÛ¼ºÇÑ html ÆÄÀÏÀÔ´Ï´Ù. Âü°í·Î µÎ °³ÀÇ ÆÄÀÏÀ» ÇÕÄ£ °æ¿ì¿¡ ù ¹ø°´Â html ÆÄÀÏÀÌ°í µÎ ¹ø°´Â css³ª js ÆÄÀÏÀÔ´Ï´Ù. Àüü ¼Ò½ºÄÚµå´Â ¿¡ÀÌÄÜ ÃâÆÇ»çÀÇ µµ¼­Á¤º¸ ÆäÀÌÁö¿¡¼­ zip ÆÄÀÏ·Î Á¦°øÇÕ´Ï´Ù.

HTML5´Â ÇöÀçµµ ÁøÈ­ ÁßÀÎ À¥ Ç¥ÁØÀÔ´Ï´Ù. µû¶ó¼­ Å©·Î½º ºê¶ó¿ì¡(cross browsing)À» °¡´ÉÇÏ°Ô ÇÏ·Á¸é °¢ ºê¶ó¿ìÀú¿¡¼­ HTML5ÀÇ Áö¿ø ¿©ºÎ¸¦ ¹Ýµå½Ã È®ÀÎÇØ ºÁ¾ß ÇÕ´Ï´Ù. À̸¦ È®ÀÎÇØ º¼ ¼ö ÀÖ´Â °¡Àå ÁÁÀº »çÀÌÆ®´Â htlm5test.comÀÔ´Ï´Ù. ÀÌ »çÀÌÆ®°¡ ÀÇ¹Ì ÀÖ´Â °ÍÀº HTML5ÀÇ ¿ä¼Ò³ª Æû µîÀÇ ±â´É¿¡ ´ëÇÑ Áö¿ø ¿©ºÎ¸¦ ÇÑ´«¿¡ ÆľÇÇÏ°í È®ÀÎÇØ º¼ ¼ö ÀÖ´Ù´Â Á¡ÀÔ´Ï´Ù. Âü°í·Î ÀÌ Ã¥ÀÇ ¼Ò½ºÄڵ忡 ´ëÇÑ È­¸é ĸó´Â ¸Æ OS X 10.7.4ÀÇ »çÆĸ® 5.1.7À» ±âÁØÀ¸·Î ÀÛ¾÷ÇßÀ¸¸ç »çÆĸ®°¡ Áö¿øÇÏÁö ¾Ê´Â ÀϺΠ±â´É¿¡ ´ëÇؼ± Å©·ÒÀ̳ª ÆÄÀ̾îÆø½ºÀÇ ÃֽŠ¹öÀü Áß¿¡ Áö¿øÇÏ´Â ºê¶ó¿ìÀú¿¡¼­ ÀÛ¾÷Çß½À´Ï´Ù.

HTML5ÀÇ ¼¼°è·Î ¶Ù¾îµç µ¶ÀÚ ¿©·¯ºÐÀÇ ¿­Á¤°ú µµÀü¿¡ °æÀǸ¦ Ç¥ÇÕ´Ï´Ù. ÀÌ Ã¥ÀÌ µ¶ÀÚ ¿©·¯ºÐÀÇ ³ë·Â¿¡ ÁÁÀº ±æ¶óÀâÀÌ°¡ µÇ±æ ¹Ù¶ó¸ç, °¨»çÀÇ ¸»°ú ÇÔ²² °Ç½ÂÀ» º÷´Ï´Ù.

¸ñÂ÷

1Àå HTML5 ¹®¼­
___±âº» ±¸¼º
___±¸Á¶
______µ¶Å¸ÀÔ
______¡´html¡µ
______¡´head¡µ
______¡´body¡µ
______¡´meta¡µ
______¡´title¡µ
______¡´link¡µ
___¹Ùµð ±¸Á¶
______±¸¼º
______¡´header¡µ
______¡´nav¡µ
______¡´section¡µ
______¡´aside¡µ
______¡´footer¡µ
___¹Ùµð ³»ºÎ
______¡´article¡µ
______¡´hgroup¡µ
______¡´figure¡µ¿Í ¡´figcaption¡µ
___½Å/±¸ ¿ä¼Ò
______¡´mark¡µ
______¡´small¡µ
______¡´cite¡µ
______¡´address¡µ
______¡´time¡µ
___ïÒà´: HTML5 ¹®¼­

2Àå CSS ½ºÅ¸ÀÏ°ú ¹Ú½º ¸ðµ¨
___CSS¿Í HTML
___½ºÅ¸ÀÏ°ú ±¸Á¶
______ºí·Ï ¿ä¼Ò
______¹Ú½º ¸ðµ¨
___½ºÅ¸ÀÏ¿¡ ´ëÇÑ ±âº» »çÇ×
______ÀζóÀÎ ½ºÅ¸ÀÏ
______ÀÓº£µðµå ½ºÅ¸ÀÏ
______¿ÜºÎ ÆÄÀÏ
______ÂüÁ¶
______Å°¿öµå·Î ÂüÁ¶
______id ¼Ó¼ºÀ¸·Î ÂüÁ¶
______Ŭ·¡½º ¼Ó¼ºÀ¸·Î ÂüÁ¶
______ÀÓÀÇÀÇ ¼Ó¼ºÀ¸·Î ÂüÁ¶
______À¯»ç Ŭ·¡½º·Î ÂüÁ¶
______»õ·Î¿î ¼±ÅÃÀÚ
___ÅÛÇø´¿¡ CSS Àû¿ë
___ÀüÅëÀûÀÎ ¹Ú½º ¸ðµ¨
______ÅÛÇø´
______¹ü¿ë ¼±ÅÃÀÚ *
______»õ·Î¿î Á¦¸ñ °èÃþ±¸Á¶
______»õ·Î¿î HTML5 ¿ä¼Ò ¼±¾ð
______¹Ùµð Áß¾Ó Á¤·Ä
______¸ÞÀÎ ¹Ú½º »ý¼º
______Çì´õ
______³»ºñ°ÔÀ̼ǹÙ
______¼½¼Ç°ú »çÀ̵å¹Ù
______ǪÅÍ
______¸¶¹«¸® ÀÛ¾÷
______¹Ú½º Å©±â
___À¯¿¬ÇÑ ¹Ú½º ¸ðµ¨
___À¯¿¬ÇÑ ¹Ú½º ¸ðµ¨ ÀÌÇØ
______display
______box-orient
______box-direction
______box-ordinal-group
______box-pack
______box-flex
______box-align
___ïÒà´: CSS ½ºÅ¸ÀÏ°ú ¹Ú½º ¸ðµ¨
______À¯¿¬ÇÑ ¹Ú½º ¸ðµ¨
______À¯»ç Ŭ·¡½º¿Í ¼±ÅÃÀÚ

3Àå CSS3 ÇÁ·ÎÆÛƼ
___»õ·Î¿î ±ÔÄ¢
______CSS3°¡ ¹ÌÃƾî¿ä!
______ÅÛÇø´
______border-radius
______box-shadow
______text-shadow
______@font-face
______¼±Çü ±×¶óµð¾ðÆ®
______¿øÇü ±×¶óµð¾ðÆ®
______RGBA
______HSLA
______outline
______border-image
______º¯Çü°ú Àüȯ
______transform: scale
______transform: rotate
______transform: skew
______transform: translate
______ÀÏ°ý º¯Çü
______µ¿Àû º¯Çü
______Àüȯ
___ïÒà´: CSS3 ÇÁ·ÎÆÛƼ

4Àå ÀÚ¹Ù½ºÅ©¸³Æ®
___ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¿¬°ü¼º
___ÀÚ¹Ù½ºÅ©¸³Æ® ÅëÇÕ
______ÀζóÀÎ
______³»Àå
______¿ÜºÎ ÆÄÀÏ
___»õ·Î¿î ¼±ÅÃÀÚ
______querySelector()
______querySelectorAll()
___À̺¥Æ® Çڵ鷯
______ÀζóÀÎ À̺¥Æ® Çڵ鷯
______ÇÁ·ÎÆÛƼ·Î¼­ÀÇ___ À̺¥Æ® Çڵ鷯
______addEventListener() ¸Þ¼Òµå
___API
______ĵ¹ö½º API
______µå·¡±× ¾Øµå µå·Ó API
______Áö¿À·ÎÄÉÀÌ¼Ç API
______½ºÅ丮Áö API
______ÆÄÀÏ API
______Ä¿¹Â´ÏÄÉÀ̼ÇAPI
______À¥ ¿öÄ¿API
______È÷½ºÅ丮API
______¿ÀÇÁ¶óÀÎAPI
___¿ÜºÎ ¶óÀ̺귯¸®
______Á¦ÀÌÄõ¸®
______±¸±Û Áöµµ
___ïÒà´: ÀÚ¹Ù½ºÅ©¸³Æ®
______¿ä¼Ò
______¼±ÅÃÀÚ
______À̺¥Æ®
______API

5Àå ºñµð¿À¿Í ¿Àµð¿À
___HTML5¸¦ ÀÌ¿ëÇÑ ºñµð¿À Àç»ý
______¡´video¡µ ¿ä¼Ò
______¡´video¡µ ¼Ó¼º
___ºñµð¿À Ç÷¹À̾î Á¦ÀÛ
______µðÀÚÀÎ
______ÄÚµå
______À̺¥Æ®
______¸Þ¼Òµå
______ÇÁ·ÎÆÛƼ
______ÄÚµå µ¿ÀÛ
___ºñµð¿À Æ÷¸Ë
___HTML5¸¦ ÀÌ¿ëÇÑ ¿Àµð¿À Àç»ý
______¡´audio¡µ ¿ä¼Ò
___¿Àµð¿À Ç÷¹À̾î ÇÁ·Î±×·¡¹Ö
___ïÒà´: ºñµð¿À¿Í ¿Àµð¿À
______¿ä¼Ò
______¼Ó¼º
______ºñµð¿À ¼Ó¼º
______À̺¥Æ®
______¸Þ¼Òµå
______ÇÁ·ÎÆÛƼ

6Àå Æû°ú Æû API
___HTML5 À¥ Æû
______¡´form¡µ ¿ä¼Ò
______¡´input¡µ ¿ä¼Ò
______email ŸÀÔ
______search ŸÀÔ
______url ŸÀÔ
______tel ŸÀÔ
______number ŸÀÔ
______range ŸÀÔ
______date ŸÀÔ
______week ŸÀÔ
______month ŸÀÔ
______time ŸÀÔ
______datetime ŸÀÔ
______datetime-local ŸÀÔ
______color ŸÀÔ
___»õ·Î¿î ¼Ó¼º
______placeholder ¼Ó¼º
______required ¼Ó¼º
______multiple ¼Ó¼º
______autofocus ¼Ó¼º
______pattern ¼Ó¼º
______form ¼Ó¼º
___»õ·Î¿î Æû ¿ä¼Ò
______¡´datalist¡µ ¿ä¼Ò
______¡´progress¡µ ¿ä¼Ò
______¡´meter¡µ ¿ä¼Ò
______¡´output¡µ ¿ä¼Ò
___Æû API
______setCustomValidity()
______Invalid À̺¥Æ®
______½Ç½Ã°£ À¯È¿¼º °ËÁõ
______À¯È¿¼º Á¦¾àÁ¶°Ç
______willValidate
___ïÒà´: Æû°ú Æû API
______ŸÀÔ
______¼Ó¼º
______¿ä¼Ò
______¸Þ¼Òµå
______À̺¥Æ®
______»óÅÂ

7Àå ĵ¹ö½º API
___ĵ¹ö½º Áغñ
______¡´canvas¡µ ¿ä¼Ò
______getContext()
___ĵ¹ö½º¿¡ ±×¸®±â
______»ç°¢Çü ±×¸®±â
______»ö»ó
______±×¶óµð¾ðÆ®
______Æнº »ý¼º
______¼± ½ºÅ¸ÀÏ
______ÅؽºÆ®
______±×¸²ÀÚ
______º¯È¯
______»óÅ º¹±¸
______globalCompositeOperation
___À̹ÌÁö ó¸®
______drawImage()
______À̹ÌÁö µ¥ÀÌÅÍ
______ÆÐÅÏ
___¾Ö´Ï¸ÞÀ̼Ç
___ºñµð¿À ó¸®
___ïÒà´: ĵ¹ö½º API
______¸Þ¼Òµå
______ÇÁ·ÎÆÛƼ

8Àå µå·¡±× ¾Ø µå·Ó API
___À¥¿¡¼­ÀÇ µå·¡±× ¾Ø µå·Ó
______»õ·Î¿î À̺¥Æ®
______dataTransfer
______dragenter, dragleave, dragend
______À¯È¿ÇÑ ¼Ò½º ¼±ÅÃ
______setDragImage()
______ÆÄÀÏ
___ïÒà´: µå·¡±× ¾Ø µå·Ó API
______À̺¥Æ®
______¸Þ¼Òµå
______ÇÁ·ÎÆÛƼ

9Àå Áö¿À·ÎÄÉÀÌ¼Ç API
___À§Ä¡ ã±â
______getCurrentPosition(location)
______getCurrentPosition(location, error)
______getCurrentPosition(location, error, configuration)
______watchPosition(location, error, configuration)
______±¸±Û Áöµµ »ç¿ë
___ïÒà´: Áö¿À·ÎÄÉÀÌ¼Ç API
______¸Þ¼Òµå
______°´Ã¼

10Àå À¥ ½ºÅ丮Áö API
___µÎ °¡Áö ½ºÅ丮Áö ½Ã½ºÅÛ
___sessionStorage
______µ¥ÀÌÅÍ ½ºÅ丮Áö ±¸Çö
______µ¥ÀÌÅÍ »ý¼º
______µ¥ÀÌÅÍ Á¶È¸
______µ¥ÀÌÅÍ »èÁ¦
___localStorage
______½ºÅ丮Áö À̺¥Æ®
______½ºÅ丮Áö °ø°£
___ïÒà´: À¥ ½ºÅ丮Áö API
______½ºÅ丮Áö ÇüÅÂ
______¸Þ¼Òµå
______ÇÁ·ÎÆÛƼ
______À̺¥Æ®

11Àå IndexedDB API
___·Î¿ì·¹º§ API
______µ¥ÀÌÅͺ£À̽º
______°´Ã¼¿Í °´Ã¼ ÀúÀå¼Ò
______À妽º
______Æ®·£Àè¼Ç
______°´Ã¼ ÀúÀå¼Ò ¸Þ¼Òµå
___IndexedDB ±¸Çö
______ÅÛÇø´
______µ¥ÀÌÅͺ£À̽º ¿­±â
______µ¥ÀÌÅͺ£À̽º ¹öÀü
______°´Ã¼ ÀúÀå¼Ò¿Í À妽º
______°´Ã¼ Ãß°¡
______°´Ã¼ Á¶È¸
______ÄÚµå Á¾·á¿Í Å×½ºÆ®
___µ¥ÀÌÅÍ ¸ñ·Ï
______Ä¿¼­
______¼ø¼­ º¯°æ
___µ¥ÀÌÅÍ »èÁ¦
___µ¥ÀÌÅÍ °Ë»ö
___ïÒà´: IndexedDB API
______ȯ°æ ÀÎÅÍÆäÀ̽º(IDBEnvironment¿Í IDBFactory)
______µ¥ÀÌÅͺ£À̽º ÀÎÅÍÆäÀ̽º(IDBDatabase)
______°´Ã¼ ÀúÀå¼Ò ÀÎÅÍÆäÀ̽º(IDBObjectStore)
______Ä¿¼­ ÀÎÅÍÆäÀ̽º(IDBCursor)
______Æ®·£Àè¼Ç ÀÎÅÍÆäÀ̽º(IDBTransaction)
______¹üÀ§ ÀÎÅÍÆäÀ̽º(IDBKeyRangeConstructors)
______¿¡·¯ ÀÎÅÍÆäÀ̽º(IDBDatabaseException)

12Àå ÆÄÀÏ API
___ÆÄÀÏ ½ºÅ丮Áö
___»ç¿ëÀÚÀÇ ÆÄÀÏ Ã³¸®
______ÅÛÇø´
______ÆÄÀÏ Àбâ
______ÆÄÀÏ ÇÁ·ÎÆÛƼ
______ºí·Ó
______À̺¥Æ®
___ÆÄÀÏ »ý¼º
______ÅÛÇø´
______ÇÏµå µå¶óÀ̺ê
______ÆÄÀÏ »ý¼º
______µð·ºÅ͸® »ý¼º
______ÆÄÀÏ ¸ñ·Ï
______ÆÄÀÏ Ã³¸®
______À̵¿
______º¹»ç
______»èÁ¦
___ÆÄÀÏ ÄÜÅÙÃ÷
______ÄÜÅÙÃ÷ ÀÛ¼º
______ÄÜÅÙÃ÷ Ãß°¡
______ÄÜÅÙÃ÷ Àбâ
___½ÇÁ¦ ÆÄÀÏ ½Ã½ºÅÛ
___ïÒà´: ÆÄÀÏ API
______Blob ÀÎÅÍÆäÀ̽º(ÆÄÀÏ API)
______File ÀÎÅÍÆäÀ̽º(ÆÄÀÏ API)
______FileReader ÀÎÅÍÆäÀ̽º(ÆÄÀÏ API)
______LocalFileSystem ÀÎÅÍÆäÀ̽º(ÆÄÀÏ API: µð·ºÅ͸®¿Í ½Ã½ºÅÛ)
______FileSystem ÀÎÅÍÆäÀ̽º(ÆÄÀÏ API: µð·ºÅ͸®¿Í ½Ã½ºÅÛ)
______Entry ÀÎÅÍÆäÀ̽º(ÆÄÀÏ API: µð·ºÅ͸®¿Í ½Ã½ºÅÛ)
______DirectoryEntry ÀÎÅÍÆäÀ̽º(ÆÄÀÏ API: µð·ºÅ͸®¿Í ½Ã½ºÅÛ)
______DirectoryRead___er ÀÎÅÍÆäÀ̽º(ÆÄÀÏ API: µð·ºÅ͸®¿Í ½Ã½ºÅÛ)
______FileEntry ÀÎÅÍÆäÀ̽º(ÆÄÀÏ API: µð·ºÅ͸®¿Í ½Ã½ºÅÛ)
______BlobBuilder ÀÎÅÍÆäÀ̽º(ÆÄÀÏ API: ¶óÀÌÅÍ)
______FileWriter ÀÎÅÍÆäÀ̽º(ÆÄÀÏ API: ¶óÀÌÅÍ)
______FileError ÀÎÅÍÆäÀ̽º(ÆÄÀÏ API¿Í È®Àå)

13Àå Ä¿¹Â´ÏÄÉÀÌ¼Ç API
___¿¡ÀÌÀ轺 ·¹º§ 2
______µ¥ÀÌÅÍ Á¶È¸
______ÀÀ´ä ÇÁ·ÎÆÛƼ
______À̺¥Æ®
______µ¥ÀÌÅÍ Àü¼Û
______Å©·Î½º ±Ù¿ø ¿äû
______ÆÄÀÏ ¾÷·Îµå
______½ÇÁ¦ ¾ÖÇø®ÄÉÀ̼Ç
___Å©·Î½º µµÅ¥¸ÕÆ® ¸Þ½Ã¡
______»ý¼ºÀÚ
______¸Þ½ÃÁö À̺¥Æ®¿Í ÇÁ·ÎÆÛƼ
______¸Þ½ÃÁö Àü¼Û
______ÇÊÅÍ¿Í Å©·Î½º ±Ù¿ø
___À¥ ¼ÒÄÏ
______WS ¼­¹ö ¼³Á¤
______»ý¼ºÀÚ
______¸Þ¼Òµå
______ÇÁ·ÎÆÛƼ
______À̺¥Æ®
______ÅÛÇø´
______Åë½Å ½ÃÀÛ
______Àüü ¾ÖÇø®ÄÉÀ̼Ç
___ïÒà´: Ä¿¹Â´ÏÄÉÀÌ¼Ç API
______XMLHttpRequest ·¹º§ 2
______À¥ ¸Þ½Ã¡ API
______À¥¼ÒÄÏ API

14Àå À¥ ¿öÄ¿ API
___°í³­À̵µ ÀÛ¾÷
______¿öÄ¿ »ý¼º
______¸Þ½ÃÁö ¼Û¼ö½Å
______¿¡·¯ °ËÃâ
______¿öÄ¿ Á¾·á
______µ¿±â½Ä API
______½ºÅ©¸³Æ® ÀÓÆ÷Æ®
______°øÀ¯ ¿öÄ¿
___ïÒà´: À¥ ¿öÄ¿ API
______¿öÄ¿
______Àü¿ë ¿öÄ¿
______°øÀ¯ ¿öÄ¿

15Àå È÷½ºÅ丮 API
___È÷½ºÅ丮 ÀÎÅÍÆäÀ̽º
______À¥ ³»ºñ°ÔÀ̼Ç
______»õ·Î¿î ¸Þ¼Òµå
______°¡Â¥ URL
______̧˞
______½ÇÀü ¿¹Á¦
___ïÒà´: È÷½ºÅ丮 API

16Àå ¿ÀÇÁ¶óÀÎ API
___ij½Ã ¸Å´ÏÆ佺Ʈ
______¸Å´ÏÆ佺Ʈ ÆÄÀÏ
______Ä«Å×°í¸®
______ÁÖ¼®
______¸Å´ÏÆ佺Ʈ ÆÄÀÏ »ç¿ë
___¿ÀÇÁ¶óÀÎ API
______¿¡·¯
______¿Â¶óÀΰú ¿ÀÇÁ¶óÀÎ
______ij½Ã ó¸®
______ÁøÇà
______ij½Ã ¾÷µ¥ÀÌÆ®
___ïÒà´: ¿ÀÇÁ¶óÀÎ API
______¸Å´ÏÆ佺Ʈ ÆÄÀÏ
______ÇÁ·ÎÆÛƼ
______À̺¥Æ®
______¸Þ¼Òµå

¸ÎÀ½¸»
___¼¼°è¸¦ À§ÇÑ ÀÛ¾÷
______´ë¾È
______¸ð´õ³ªÀÌÀú
______¶óÀ̺귯¸®
______±¸±Û Å©·Ò ÇÁ·¹ÀÓ
___Ŭ¶ó¿ìµå¸¦ À§ÇÑ ÀÛ¾÷
___ÃÖÁ¾ ±Ç°í

ÀúÀÚ¼Ò°³

J. D. °í»þ [Àú] ½ÅÀ۾˸² SMS½Åû
»ý³â¿ùÀÏ -

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

È«¿µÇ¥ [¿ª] ½ÅÀ۾˸² SMS½Åû
»ý³â¿ùÀÏ -

Ä«À̽ºÆ® °æ¿µ´ëÇп¡¼­ Á¤º¸°æ¿µ ¼®»ç°úÁ¤À» Á¹¾÷ÇßÀ¸¸ç ÇöÀç ±ÝÀ¶È¸»ç¿¡ ÀçÁ÷ ÁßÀÌ´Ù. Àú¼­·Î´Â ¡º±â¼ú, °æ¿µÀ» ¸¸³ª´Ù¡»(¿¡ÀÌÄÜ, 2016)°¡ ÀÖÀ¸¸ç, ¿Å±ä Ã¥À¸·Î´Â ¡ºµ¥ÀÌÅÍ °úÇÐÀÚ¸¦ À§ÇÑ ±ÝÀ¶ ºÐ¼® ÃѷС»(¿¡ÀÌÄÜ, 2019), ¡ºR°í ÇÏ´Â ±ÝÀ¶ ºÐ¼®¡»(¿¡ÀÌÄÜ, 2017) µîÀÌ ÀÖ´Ù.

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

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

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

Àü°øµµ¼­/´ëÇб³Àç ºÐ¾ß¿¡¼­ ¸¹Àº ȸ¿øÀÌ ±¸¸ÅÇÑ Ã¥

    ¸®ºä

    0.0 (ÃÑ 0°Ç)

    100ÀÚÆò

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

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

    100ÀÚÆò

    10.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¿ø - »óÇ°º° ¹è¼Ûºñ°¡ ÀÖ´Â °æ¿ì, »óÇ°º° ¹è¼Ûºñ Á¤Ã¥ Àû¿ë