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

À¥µðÀÚÀ̳ʸ¦ À§ÇÑ HTML5

¿øÁ¦ : HTML5 FOR WEB DESIGNERS second edition
¼Òµæ°øÁ¦

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

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

17,000¿ø

  • 15,300¿ø (10%ÇÒÀÎ)

    850P (5%Àû¸³)

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

  • ¿¬°üµµ¼­

  • »óÇ°±Ç

AD

Ã¥¼Ò°³

¡ºÀ¥µðÀÚÀ̳ʸ¦ À§ÇÑ HTML5¡»´Â À¥ °³¹ßÀÚÀÌÀÚ Àú¼ú°¡·Î ¾Ë·ÁÁø Á¦·¹¹Ì Å°½º¿Í À̹ø¿¡ Âü¿©ÇÑ ·¹ÀÌö ¾Øµå·çÀÇ °øÀú·Î [HTML5 FOR WEB DESIGNERS, second edition]À» ¹ø¿ªÇÑ °³Á¤ÆÇÀÌ´Ù. HTML5ÀÇ ±× ±âº» ¿ø¸®¿Í ±âÃÊ ¹®¹ýÀ» Àϸñ¿ä¿¬ÇÏ°Ô ¹è¿ï ¼ö ÀÖ´Ù. ¶ÇÇÑ Á¢±Ù¼º°ú ÄÜÅÙÃ÷ Áß½ÉÀÇ À¥ Ç¥ÁØ¿¡ ÀÔ°¢ÇÏ¿© À¥µðÀÚÀÌ³Ê¿Í °³¹ßÀÚµéÀÇ Àǹ®°ú ¿À·ù¸¦ ÇØ°áÇØÁØ´Ù.

ÃâÆÇ»ç ¼­Æò

[À¥µðÀÚÀ̳ʸ¦ À§ÇÑ HTML5]°¡ Ãâ°£µÈ Áö 5³â ¸¸¿¡ »õ·Ó°Ô ¾÷µ¥ÀÌÆ®µÇ¼­ ³ª¿Ô´Ù. ÀÌ Ã¥Àº ÃÊÆÇ ¶§ ´Üµ¶ ÀúÀÚ¿´´ø À¥ °³¹ßÀÚÀÌÀÚ Àú¼ú°¡·Î ¾Ë·ÁÁø Á¦·¹¹Ì Å°½ºJeremy Keith¿Í À̹ø¿¡ Âü¿©ÇÑ ·¹ÀÌö ¾Øµå·çRachel AndrewÀÇ °øÀú·Î [HTML5 FOR WEB DESIGNERS, second edition]À» ¹ø¿ªÇÑ °³Á¤ÆÇÀÌ´Ù. ÀÌ µÎ ÀúÀÚ´Â ¿ì¸®°¡ À¥ µðÀÚÀÎ ¿ª»çÀÇ ¾î¶² ¼ø°£¿¡ ÀÖ´ÂÁö ´Ü ÇÑ ¼ø°£µµ ÀØÁö ¾Ê°í, ´Ù¾çÇÑ È¯°æÀÇ »ç¿ëÀÚ¸¦ °í·ÁÇÏ´Â ÀÏÀÌ À¥À» ¾ó¸¶³ª dz¿ä·Ó°Ô ÇÏ´ÂÁö ÀÌ Ã¥À» ÅëÇØ ¸»ÇÏ°í ÀÖ´Ù. ÀÌ Ã¥ÀÌ ÀÌ·¸°Ô °­·ÂÇØÁú ¼ö ÀÖ¾ú´ø °ÍÀº ¹Ù·Î À̵éÀÌ °¡Áø HTML°ú »ç¶÷À» ¹è·ÁÇÏ´Â ¸¶À½¿¡ ÀÖÀ» °ÍÀÌ´Ù.

HTML5´Â HTML Áß¿¡¼­µµ °¡Àå ±ä ½ºÆåÀ» ÀÚ¶ûÇÑ´Ù. ±â´ÉÀº Ź¿ùÇÏÁö¸¸ º¹ÀâÇϱ⵵ ÇÏ´Ù. ±×·± ÀÌÀ¯µµ ÇѸòÇÏ¿© 2011³â¿¡ À¥¾×Ãò¾ó¸®ÄÚ¸®¾Æ°¡ ÀÌ Ã¥ÀÇ ÃÊÆÇÀ» ¹ßÇàÇÑ ÀÌÈÄ ¼ö ¸¹Àº HTML5 µµ¼­µéÀÌ Ãâ°£µÇ¾î ¿Ô´Ù. »ó¼¼ÇÑ ±â¼úÀûÀÎ ³»¿ëµéÀÌ ¼­¼úµÇ¾î ÀÖ°í, º¸°í º£³¢¸é ´çÀåÀÌ¶óµµ À¥»çÀÌÆ® Çϳª°¡ ¶ÒµüÇÏ°í ¸¸µé¾îÁú °Í °°Àº ¿¹Á¦µé·Î °¡µæ Â÷ ÀÖ´Ù. ÀÌ·± Ã¥µéÀ» º¸´Ù°¡ ÀÌ Ã¥À» Á¢ÇÏ°Ô µÇ¸é ¡®ÀÌ°Ç ?¹Ì? ÀÌ Å©±â¿¡ ÀÌ µÎ²²´Â? HTML5 Ã¥ ¸Â¾Æ?¡¯ ¶ó´Â Àǹ®ÀÌ µé °ÍÀÌ´Ù.

±×·¸´Ù. [À¥µðÀÚÀ̳ʸ¦ À§ÇÑ HTML5 (°³Á¤ÆÇ)]Àº ¾ã°í, ÀÛÀº Ã¥ÀÌ´Ù. ÇÏÁö¸¸, ±× ¾È¿¡¼­ ´Ù¸¥ Ã¥µé¿¡¼­´Â ãÀ» ¼ö ¾ø¾ú´ø ¡®¿Ö?¡¯¶ó´Â ±Ùº»ÀûÀÎ Áú¹®¿¡ ´ëÇÑ ´äÀ» ¾òÀ» ¼ö ÀÖ´Ù. Áö±Ý±îÁö À¥¾×Ãò¾ó¸®ÄÚ¸®¾Æ¿¡¼­ Ãâ°£ÇØ ¿Ô´ø ¸ðµç ¼­ÀûµéÀ» °üÅëÇÏ´Â, ´Ü¼øÈ÷ ¡®±â¼úÀ» À§ÇÑ ±â¼ú¡¯ÀÌ ¾Æ´Ñ ¡®»ç¶÷¿¡ ´ëÇÑ °í¹ÎÀ» ÇÏ´Â ±â¼ú¡¯À̶ó´Â Å« È帧ÀÌ »ì¾ÆÀֱ⿡ ÀÌ Ã¥ÀÇ Ãâ°£À» ¸Á¼³ÀÌÁö ¾Ê°í °­ÇàÇÒ ¼ö ÀÖ¾ú´Ù.
ÀÌ Áú¹®ÀÇ Á߿伺Àº ¸¹Àº »ç¿¬°ú ±¼°îÀ» µó°í ¼¼»ó¿¡ ³ª¿Â HTML5ÀÇ ¼³°è ¿øÄ¢ ¡°Ãæµ¹ÀÌ ¹ß»ýÇÒ °æ¿ì, ÀÌ·ÐÀûÀÎ ¼ø¼ö¼ºº¸´Ù´Â ±â¼ú ¸í¼¼¸¦, ±â¼ú ¸í¼¼º¸´Ù´Â ±¸ÇöÇÏ´Â »ç¶÷À», ±×¸®°í ±¸ÇöÇÏ´Â »ç¶÷ º¸´Ù´Â °³¹ßÀÚ¸¦, ¶ÇÇÑ °³¹ßÀÚº¸´Ù´Â »ç¿ëÀÚ¸¦ °í·ÁÇ϶󡱴 ÀǹÌÀÇ ¡°»ç¿ë ±â¹Ý ¿ì¼±±Ç¡±¿¡¼­ ´Ù½Ã ÇÑ ¹ø È®ÀεȴÙ.

HTML5ÀÇ ¾ÐµµÀûÀÎ ±â¼ú ¸í¼¼¸¦ ¾Õ¿¡ µÐ °³¹ßÀÚ, µðÀÚÀ̳ʵéÀÇ ´ëºÎºÐÀº ¾î·Á¿î ¼öÇÐ ¹®Á¦¸¦ Ç®¾î¾ß ÇÒ ¶§¿Í ºñ½ÁÇÑ ´À³¦À» ¹ÞÀ» °ÍÀÌ´Ù. »ç¶÷µéÀÌ ¼öÇÐÀ» ¾î·Á¿öÇÏ´Â °¡Àå Å« ÀÌÀ¯´Â ±× ±âº» ¿ø¸®¿¡ ´ëÇÑ ÃæºÐÇÑ ÀÌÇØ°¡ ºÎÁ·Çϱ⠶§¹®ÀÌ´Ù. ±âº» ¿ø¸®¸¦ ±ú´Ý°Ô µÇ´Â ¼ø°£, ¾î·Á¿î ¼öÇÐ ¹®Á¦´Â Àç¹ÌÀÖ´Â ÆÛÁñ °ÔÀÓÀ¸·Î º¯ÇÒ ¼öµµ ÀÖ´Ù.
ÀÌ Ã¥À» ÅëÇؼ­ ¿©·¯ºÐµéÀº HTML5ÀÇ ±× ±âº» ¿ø¸®¿Í ±âÃÊ ¹®¹ýÀ» Àϸñ¿ä¿¬ÇÏ°Ô ¹è¿ï ¼ö ÀÖÀ» °ÍÀÌ´Ù. HTML5°¡ »ý°¢ÇÏ´Â °Íº¸´Ù ÈξÀ °£°áÇÏ°í, ´Ü¼øÇÏ°Ô ¼³°èµÇ¾î ÀÖÀ½À» ¾Ë ¼ö ÀÖ°í, ±×¿¡ ´ëÇÑ ÀÌÇظ¦ ¹ÙÅÁÀ¸·Î ¿©·¯ºÐÀÌ »ó»óÇÒ ¼ö ÀÖ´Â °­·ÂÇÏ°í ´Ù¾çÇÑ ÀÀ¿ëÇÁ·Î±×·¥°ú À¥»çÀÌÆ®¸¦ ¸¸µå´Âµ¥ ÇÑ °ÉÀ½ ´õ ³ª¾Æ°¥ ¼ö ÀÖÀ» °ÍÀÌ´Ù.
ÀÌ Ã¥Àº źźÇÑ µðÀÚÀÎ ¿øÄ¢À» ±â¹ÝÀ¸·Î ¸¸µé¾îÁ³°í, ÃÖ±Ù °¡Àå ÇÖÇÑ ±â¼ú·Î ¾²ÀÌ´Â ¹ÝÀÀÇü µðÀÚÀΰú °³¹ßÀÇ ¼±µÎ¸¦ ¸ñÇ¥·Î ´Ùµë¾îÁ® ÀÖ´Ù. ¶ÇÇÑ Á¢±Ù¼º°ú ÄÜÅÙÃ÷ Áß½ÉÀÇ À¥ Ç¥ÁØ¿¡ ÀÔ°¢ÇÏ¿© À¥µðÀÚÀÌ³Ê¿Í °³¹ßÀÚµéÀÇ Àǹ®°ú ¿À·ù¸¦ ÇØ°áÇØÁØ´Ù. ±×·¸±â ¶§¹®¿¡ µðÀÚÀ̳Ê, °³¹ßÀÚ ¸ðµÎ´Â HTML5¸¦ ¾î¶»°Ô »ç¿ëÇÏ¿© ¾î¶² ±â¼úµé°ú Á¢±Ù¹ýÀ» ÅëÇÏ¿© ¿øÇÏ´Â °á°ú¹°À» ¸¸µé¾î ³¾ ¼ö ÀÖÀ»Áö ¹è¿ï ¼ö ÀÖÀ» °ÍÀÌ´Ù. ¶ÇÇÑ ¼­·Î¸¦ Á» ´õ ÀÌÇØÇÒ ¼ö ÀÖ´Â °è±â°¡ µÇ¾î, HTML5°¡ ³²°ÜÁØ ¡®¹®¹ý¿¡¼­ Á¤ÇØÁÖÁö ¾ÊÀº ¹®Á¦´Â ½º½º·Î, ÆÀ°ú °³ÀÎÀÇ ¸òÀ¸·Î¡¯¶ó´Â Äù½ºÆ®¸¦ ÇÔ²² Ç®¾î³ª°¥ Å« ¿øµ¿·ÂÀ» ¾ò°Ô µÉ °ÍÀÌ´Ù.

ÀÌ Ã¥Àº À¥ »ê¾÷¿¡ ¶Ù¾îµç Áö ¾ó¸¶ ¾È µÈ ȤÀº ¸ñÇ¥·Î »ï°í ÀÖ´Â »õ³»±âµé°ú À¥ »ê¾÷ÀÇ Ç³ÆÄ·Î ¸Á¸Á´ëÇظ¦ ¶°µµ´À¶ó ÇÑ ¹øµµ ¡®¿Ö?¡¯ Áú¹®À» ½º½º·Î ´øÁ® º¸Áö ¸øÇß´ø À̵鿡°Ô´Â HTML5°¡ ¹«¾ùÀÎÁö, ¿Ö HTML5¸¦ »ç¿ëÇØ¾ß ÇÏ´ÂÁö¸¦ ¾Ë·ÁÁÜ°ú µ¿½Ã¿¡ ¾ÕÀ¸·Î ÇìÃijª°¡¾ß ÇÒ À¥ »ê¾÷À̶ó´Â ÅÂdz ¼Ó¿¡¼­µµ Èçµé¸®Áö ¾ÊÀ» ´Ü´ÜÇÑ »Ñ¸®¸¦ ¸¸µé ¼ö ÀÖµµ·Ï ÇØÁÙ °ÍÀÌ´Ù.
ÀÌ·± ÀÌÀ¯·Î ´Ü¾ðÄÁ´ë [À¥µðÀÚÀ̳ʸ¦ À§ÇÑ HTML5 (°³Á¤ÆÇ)]Àº Á¦¸ñ°ú´Â ´Þ¸® À¥µðÀÚÀ̳ʸ¸À» À§ÇÑ Ã¥ÀÌ ¾Æ´Ï¶ó, À¥ »ê¾÷¿¡¼­ °í±ººÐÅõÇÏ°í ÀÖ´Â ¸ðµç À̵éÀ» À§ÇÑ Ã¥ÀÌ´Ù.

Ã¥ ¼ÓÀ¸·Î

1Àå. ¸¶Å©¾÷ ¾ð¾îÀÇ °£·«ÇÑ ¿ª»ç
¸í½Éº¸°¨¿¡¼­ À̸£±æ ¡°¹Ì·¡¸¦ ¾Ë·Á°Åµç ¸ÕÁö Áö³ª°£ ÀÏÀ» »ìÇÇ¶ó¡± Çß½À´Ï´Ù. ÃÖÃÊÀÇ °ø½ÄÀûÀΠǥÁØ HTML 2.0¿¡¼­ ½ÃÀÛµÈ HTMLÀÇ Åº»ý°ú À̾îÁö´Â ºÐ¿­°ú È¥¶õ, ±×¸®°í XMLÀÇ °ø½ÄÀûÀÎ Á×À½. ±× °úÁ¤µé ¼Ó¿¡¼­ ¿ì¸®°¡ ¹è¿ö¾ß ÇÒ ±³ÈÆ°ú HTML5ÀÇ ÇöÀ縦 ¹Ù¶óº¾´Ï´Ù.

2Àå. HTML5ÀÇ ¼³°è
¡°Ãæµ¹ÀÌ ¹ß»ýÇÏ´Â °æ¿ì, ÀÌ·ÐÀûÀÎ ¼ø¼ö¼ºº¸´Ù´Â ±â¼ú ¸í¼¼¸¦, ±â¼ú ¸í¼¼º¸´Ù´Â ±¸ÇöÇÏ´Â »ç¶÷À», ±×¸®°í ±¸ÇöÇÏ´Â »ç¶÷º¸´Ù´Â °³¹ßÀÚ¸¦, ¶ÇÇÑ °³¹ßÀÚº¸´Ù´Â »ç¿ëÀÚ¸¦ °í·ÁÇ϶󡱴 ¡°»ç¿ëÀÚ ±â¹Ý ¿ì¼±±Ç¡±À̶ó´Â HTML5ÀÇ ¼³°è ¿øÄ¢À» °¡Áö°í, ¾î¶»°Ô Çö½Ç°ú µ¿¶³¾îÁöÁö ¾Ê°Ô ´Ü¼øÇÔÀ» À¯ÁöÇÏ¿© ¼³°èµÇ¾î ÀÖ´ÂÁö, ±×¸®°í »ç¶óÁø °Íµé°ú »õ·Î¿î º¯È­´Â ¹«¾ùÀÎÁö¸¦ ¾Ë¾Æº¾´Ï´Ù.

3Àå. ¸®Ä¡ ¹Ìµð¾î
³¯·Î ´Ã¾î°¡´Â »ç¿ëÀÚµéÀÇ ¸®Ä¡ ¹Ìµð¾î¿¡ ´ëÇÑ ¿ä±¸¿¡ ºÎÀÀÇÏ¿© HTML5´Â ¸®Ä¡ ¹Ìµð¾î ¿ä¼Ò·Î Ç÷¯±×ÀÎÀÇ ¿äû ¾øÀÌ ºê¶ó¿ìÀú¿¡¼­ ±âº»ÀûÀ¸·Î ±â´ÉÀ» Áö¿øÇÏ´Â ´ë¾ÈÀ» ¸¶·ÃÇß½À´Ï´Ù. ¹ÝÀÀÇü À̹ÌÁö, µ¿ÀûÀÎ À̹ÌÁö¸¦ ¸¸µå´Â ¹æ¹ý°ú ¿Àµð¿À, ºñµð¿À¸¦ °£´ÜÇÏ°Ô »ðÀÔ ¹Ìµð¾î·Î ¸¸µé ¼ö ÀÖ´Â ¹æ¹ýÀ» ¾Ë¾Æº¾´Ï´Ù.

4Àå. WEB FORMS 2.0
HTML5°¡ ÇöÀç ÁøÇàÇü ¸¶Å©¾÷(markup) ¾ð¾îÀ̱⿡ CSSµµ ±×¿¡ ¹ß¸ÂÃß¾î ÀÚ¹Ù½ºÅ©¸³Æ® ¹æ½ÄÀ» ¼±¾ðÀûÀÎ ¹æ½ÄÀ¸·Î ÁøÈ­½ÃÅ°°í ÀÖÁö¸¸, CSS¸¦ ÀÌ¿ëÇÏ¿© formÀ» Çâ»ó½ÃÅ°´Â µ¥¿¡´Â ¾Æ¹«·¡µµ ÇÑ°è°¡ ÀÖ½À´Ï´Ù. ÀÌ¿¡ HTML5´Â »õ·Ó°Ô Çâ»óµÈ formµéÀ» µµÀÔÇÏ°í ÀÖ½À´Ï´Ù. À¥»çÀÌÆ®¿¡¼­ ÇʼöºÒ°¡°áÇÑ Æû ¿ä¼Òµé °¢°¢À» »ìÆ캸°í, ¾ÕÀ¸·ÎÀÇ Àü¸Áµµ ÇÔ²² »ý°¢ÇØ º¾´Ï´Ù.

5Àå. HTML Àǹ̷Ð
À©½ºÅÏ Ã³Ä¥ÀÇ ¸í¾ðÀ» ÀοëÇÏ¸é ¡°¹ÎÁÖÁÖÀÇ´Â °¡Àå ³ª»Û ÇüÅÂÀÇ Á¤ºÎÀÌÁö¸¸ ±×º¸´Ù ³ªÀº °ÍÀ» ³ª´Â ¾ÆÁ÷ º¸Áö ¸øÇß´Ù¡±°í Çß½À´Ï´Ù. HTMLÀº ÃÖ¾ÇÀÇ ¸¶Å©¾÷ ¾ð¾îÀÌÁö¸¸ ¿ª½Ã ±×º¸´Ù ³ªÀº °ÍÀº ¾ø´Ù°í ÇÒ ¼ö ÀÖ½À´Ï´Ù. À̸¦ ±Øº¹Çϱâ À§ÇØ ¾î¶°ÇÑ ¹æ¹ýÀ¸·Î È®À强À» °¡Áú ¼ö ÀÖ´ÂÁö, ±×¸®°í »õ·Î¿î ¸¶Å©¾÷ ¿ä¼Ò¿Í ±¸Á¶µé, ÄÜÅÙÃ÷ ¸ðµ¨¿¡ °üÇÏ¿© »ìÆ캾´Ï´Ù.

6Àå. Áö±Ý HTML5¸¦ »ç¿ëÇÏ·Á¸é
¿©·¯ºÐÀÌ HTML5¸¦ »ç¿ëÇÏ°íÀÚ ÇÑ´Ù¸é, ºê¶ó¿ìÀú Áö¿ø ¿©ºÎ°¡ °áÁ¤ÀûÀÔ´Ï´Ù. À̸¦ ÇØ°áÇϱâ À§ÇØ ¾î¶»°Ô Àü·«À» ¼¼¿ö¾ß ÇÏ´ÂÁö, ¾î¶² ±â¼ú°ú Á¢±Ù¹ýÀÌ ÀÖ´ÂÁö, À¯È¿¼º °ËÁõÀº ¾î¶»°Ô ÇÒÁö¿Í °°Àº Çö½ÇÀûÀÎ ¹®Á¦¸¦ ´Ù·ïº¾´Ï´Ù. ¶ÇÇÑ HTML5¿¡ °üÇÑ Áú¹®°ú ³íÀÇ¿¡ Àû±ØÀûÀ¸·Î Âü¿©ÇÒ ¼ö ÀÖ´Â ¸ÚÁø °÷µéµµ ¼Ò°³µË´Ï´Ù.

Æì³½°÷ ¼Ò°³

À¥¾×Ãò¾ó¸®ÄÚ¸®¾Æ¢ß
2008³â ¼³¸³µÈ ¿öµåÇÁ·¹½º Àü¹® µðÀÚÀÎ ¿¡ÀÌÀü½Ã °â ÃâÆÇ»ç. ¿öµåÇÁ·¹½º¸¦ ÀÌ¿ëÇØ À¥»çÀÌÆ®¸¦ Á¦ÀÛ, ¼­ºñ½ºÇÏ°í ÀÖÀ¸¸ç ÇØ¿Ü À¥ µðÀÚÀÎ °ü·Ã ¼­ÀûÀ» ¾ö¼±ÇÏ¿© ¹ø¿ª ÃâÆÇÀ» ÇÏ°í ÀÖ´Ù. Áö±Ý±îÁö Ãâ°£ÇÑ Ã¥À¸·Î´Â ¸ð´ø À¥ µðÀÚÀÎ ÃÖ°íÀÇ ½Ç¿ë¼­ÀÎ ¡¶½º¸Å½Ì ºÏ 1, 2¡·¿Í Àü¼¼°è¿¡¼­ »ç¶û ¹Þ°í ÀÖ´Â CMS ÅøÀÎ ¿öµåÇÁ·¹½ºÀÇ ÇѱÛÆÇ °¡ÀÌµå ¡¶¿öµåÇÁ·¹½º Á¦´ë·Î Æı⡷ µîÀÌ ÀÖ´Ù. ƯÈ÷ ¡¶¿öµåÇÁ·¹½º Á¦´ë·Î Æı⡷´Â ±¹³» ÃÖÃÊ·Î ¹ß°£ÇÑ ¿öµåÇÁ·¹½º Àü¹® µµ¼­·Î ½Ç¹«ÀÚµé·ÎºÎÅÍ ¸¹Àº »ç¶ûÀ» ¹Þ°í ÀÖ´Ù. ÀÌ ¹Û¿¡ ±Û·Î¹ú À¥ µðÀÚÀΰèÀÇ ¶Ç ´Ù¸¥ ¸®´õÀÎ A Book Apart»çÀÇ ¡®¾Æ¸§´Ù¿î À¥»çÀÌÆ® ¸¸µé±â ½Ã¸®Áµµ ¹ø¿ªÇÏ¿© Ãâ°£ÇÏ°í ÀÖ´Ù. ¾ÕÀ¸·Îµµ À¥ µðÀÚÀÎ ¾÷°è Á¾»çÀÚ»Ó ¾Æ´Ï¶ó À¥»çÀÌÆ® Á¦ÀÛ¿¡ °ü½É ÀÖ´Â ÀϹÝÀεµ º¼ ¼ö ÀÖ´Â ÁÁÀº Ã¥À» ¾ö¼±ÇØ ¼Ò°³ÇÒ °èȹÀÌ´Ù.

¸ñÂ÷

1Àå. ¸¶Å©¾÷ ¾ð¾îÀÇ °£·«ÇÑ ¿ª»ç
IETF¿¡¼­ W3C·Î : HTML4±îÁöÀÇ ¿©Á¤
XHTML 1 : XML·Î¼­ÀÇ HTML
XHTML 2 : ¿ì¸® ÀÌ°Å ¾È ¾µ·¡¿ä!
ºÐ¿­ : WHATWGÀÇ ÃâÇö
WEB APPS 1.0¿¡¼­ HTML5·Î
ÀçÅëÇÕ
XHTMLÀº Á×¾ú´Ù : XHTML ¹®¹ýÀÌ¿© ¿µ¿øÇ϶ó!
HTML5 ¿¬Ç¥

2Àå. HTML5ÀÇ ¼³°è
¼³°è ¿øÄ¢
Çö½Ç°¨ À¯ÁöÇϱâ
¿À·ù ó¸®
°£´Ü¸í·áÇÑ DOCTYPE
´Ü¼øÇÔ À¯Áö
¹®¹ý : ¸¶À½´ë·Î ¸¸µå¼¼¿ä
¿ì¸®´Â ±×·± ¾ð¾î´Â »ç¿ëÇÏÁö ¾Ê½À´Ï´Ù
- Àß °¡¿ä, ±× µ¿¾È Áñ°Å¿ü¾î¿ä.
³¸¼´°ú ¸¶ÁÖÇϱâ : º¯È­!
- °­È­µÈ a ¿ä¼Ò
- °íÃļ­ ´õ ³ªºüÁø cite
ºû³ª´Â »õ Àå³­°¨ : ÀÚ¹Ù½ºÅ©¸³Æ® API

3Àå. ¸®Ä¡ ¹Ìµð¾î
¹ÝÀÀÇü À̹ÌÁö
- picture ¿ä¼Ò
- srcset°ú sizes ¼Ó¼º
ĵ¹ö½º
- °®°í ³î±â : ÄÚµå·Î ±×¸² ±×¸®±â
- Canvas? ´ëü ¾îµð¿¡ ¾²¶ó´Â °Å¾ß?
- Á¢±Ù °ÅºÎ
- ¶È¶ÈÇÑ Äµ¹ö½º
¿Àµð¿À
- ÅëÁ¦ºÒ´É
- ¹öÆÛ¸µ
- ¿©·¯ »óȲ¿¡ ´ëóÇϱâ
- ´ëü ÄÜÅÙÃ÷Fallback content
- À¥ Á¢±Ù¼º Çâ»ó
ºñµð¿À
- ÀÚü Áö¿øÀ» ÇâÇÏ¿©
- WebVTT·Î ÀÚ¸· ¸¸µé±â

4Àå. WEB FORMS 2.0
PLACEHOLDER
AUTOFOCUS
REQUIRED
AUTOCOMPLETE
DATALIST
INPUT TYPES
- °Ë»ö
- »ó¼¼ ¿¬¶ôó
- ½½¶óÀÌ´õ
- ½ºÇdzÊ
- ³¯Â¥¿Í ½Ã°£
- »ö»ó ¼±Åñâ
- Å×½ºÆ®
- Á÷Á¢ ¸¸µé±â
¹Ì·¡ Àü¸Á

5Àå. HTML Àǹ̷Ð
È®À强
- ¸¶ÀÌÅ©·ÎÆ÷¸Ë°ú ¸¶ÀÌÅ©·Îµ¥ÀÌÅÍ
- °¡¿­µÇ´Â ³íÀï
»õ·Î¿î ¸¶Å©¾÷ ¿ä¼Ò
- mark
- time
- meter
- progress
±¸Á¶
- section
- header
- footer
- aside
- nav
- article
- div ÁõÈıº¿¡ ´ëÇÑ Ä¡·á¾à?
ÄÜÅÙÃ÷ ¸ðµ¨
- ¼½¼ÇÈ­ ÄÜÅÙÃ÷
- °³¿ä ¾Ë°í¸®Áò
- ¼½¼ÇÈ­ ·çÆ®
- À̽ļº
- ¿µ¿ªº° ½ºÅ¸ÀÏ

6Àå. Áö±Ý HTML5¸¦ »ç¿ëÇÏ·Á¸é
¿©·¯ºÐ¸¸ÀÇ Àü·«À» ¼¼¿ì¼¼¿ä.
»õ·Î¿î ½Ã¸Çƽ ¿ä¼Ò
- ±â´É ŽÁö
- HTML5ÀÇ ±¸Á¶¿Í Á¦¸ñ
- ¹ÝÀÀÇü À̹ÌÁö
HTML5ÀÇ input ¿ä¼Ò
ARIA
À¯È¿¼º °ËÁõ
Âü¿©Çϱâ
HTML5ÀÇ ¹Ì·¡
RESOURCES
REFERENCES
INDEX

ÀúÀÚ¼Ò°³

Á¦·¹¹Ì Å°½º [Àú] ½ÅÀ۾˸² SMS½Åû
»ý³â¿ùÀÏ -

Á¦·¹¹Ì Å°½º(Jeremy Keith)´Â ¿µ±¹ ºê¸µÅÏ¿¡¼­ ÀÏÇÏ°í ÀÖ´Â À¥ °³¹ßÀÚÀÌ´Ù. Clearleft (www.clearleft.com)¶ó´Â À¥ ÄÁ¼³Æà ¾÷ü¿¡¼­ ÀÏÇÏ°í ÀÖ°í, XHTML, CSS ±×¸®°í DOM°ú °°Àº À¥ Ç¥ÁØ ±â¼úÀ» ÀÌ¿ëÇÏ¿© Á¢±Ù¼º ³ôÀ¸¸é¼­ µðÀÚÀÎÀÌ ¿ì¼öÇÑ À¥ »çÀÌÆ®¸¦ Áñ°Ì°Ô ¸¸µé°í ÀÖ´Ù. ±×´Â ±¹Á¦ À¥ Ç¥ÁØ ÇÁ·ÎÁ§Æ®(webstandards.org)ÀÇ DOM ½ºÅ©¸³Æ® TF¸¦ À̲ø°í Àֱ⵵ ÇÏ´Ù.

¿©°¡ ½Ã°£¿¡´Â alt.country ¹êµåÀÎ Salter Cane(www.saltercane.com)¿¡¼­ ºÎÁÖÅ°¸¦ ¿¬ÁÖÇϱ⵵ ÇÑ´Ù. ±×´Â ¾ÆÀÏ·£µå ÀüÅë À½¾ÇÀ» ´Ù·ç´Â The Session(www.thesession.org) À̶ó´Â Ä¿¹Â´ÏƼ À¥»çÀÌÆ®¸¦

ÆîÃ帱â
·¹ÀÌö ¾Øµå·ç [Àú] ½ÅÀ۾˸² SMS½Åû
»ý³â¿ùÀÏ -

Perch CMS¸¦ ¸¸µç À¥ °³¹ß ±â¾÷ edgeofmyseat.comÀÇ °øµ¿ ¼³¸³ÀÚÀÌ´Ù. CSS ÀÛ¾÷ ±×·ì¿¡¼­ ¼ÓÇÑ W3C Ãʺù Àü¹®°¡ÀÌÀÚ ±¸±Û °³¹ßÀÚ Àü¹®°¡·Î È°µ¿ÇÏ°í ÀÖ´Ù. 1996³âºÎÅÍ À¥ °ü·Ã ÀÏÀ» Çϸ鼭 Àü ¼¼°è °÷°÷¿¡ ÀÖ´Â CSS °ü·Ã ÄÁÆÛ·±½º¿¡¼­ °­¿¬ÀÚ·Î ¼¹À¸¸ç À¥À» ÁÖÁ¦·Î ´Ù¾çÇÑ ±ÛÀ» ¾²°í ÀÖ´Ù.

ÀúÀÚÀÇ ´Ù¸¥Ã¥

Àüüº¸±â
±èÁßö, À̽ÿ [¿ª] ½ÅÀ۾˸² SMS½Åû
»ý³â¿ùÀÏ -

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

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

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

    ¸®ºä

    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, ȯºÒ, Ç°Áúº¸Áõ ¹× ÇÇÇغ¸»ó µî¿¡ °üÇÑ »çÇ×Àº ¼ÒºñÀÚºÐÀïÇØ°á ±âÁØ (°øÁ¤°Å·¡À§¿øȸ °í½Ã)¿¡ ÁØÇÏ¿© 󸮵Ê

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

    ¹è¼Û¾È³»

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

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

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

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

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