¡ºHTML5 ¸ð¹ÙÀÏ ¾Û ÇÁ·Î±×·¡¹Ö¡»Àº ÇÏ·ç ÇÑ ½Ã°£À̸é ÇнÀÇÒ ¼ö ÀÖ´Â 24°³ÀÇ ÀåÀ» ÅëÇØ, ½º¸¶Æ®Æù, ÅÂºí¸´ ±×¸®°í ±× ¿ÜÀÇ ´Ù¸¥ ÀåÄ¡µé¿¡¼ »ç¿ëÀÚ¿Í »óÈ£ÀÛ¿ëÇÏ´Â °·ÂÇÑ ¸ð¹ÙÀÏ ¾ÖÇø®ÄÉÀ̼ÇÀ» ¸¸µå´Â »õ·Î¿î ¹æ¹ýÀ» ¹è¿ï ¼ö ÀÖµµ·Ï ±¸¼ºÇÑ Ã¥ÀÌ´Ù. ºü¸¥ ¼Óµµ·Î »õ·Î¿î ¸ð¹ÙÀÏ ¾ÖÇø®ÄÉÀ̼ÇÀ» ¸¸µå´Â ¹æ¹ý, ÀÌÀüÀÇ ¾ÖÇø®ÄÉÀ̼ÇÀ» ¾÷±×·¹À̵åÇÏ´Â ¹æ¹ý, ÃÖ½ÅÀÇ ¹Ìµð¾î ÄÜÅÙÃ÷¸¦ Á¦°øÇÏ´Â ¹æ¹ý, Áö¿À·ÎÄÉÀ̼ǿ¡¼ºÎÅÍ ½Ã¸Çƽ À¥¿¡ ´ÞÇÏ´Â °í±Þ ±â´ÉÀ» È°¿ëÇÏ´Â ¹æ¹ý, ±×¸®°í ½ÉÁö¾î º¹ÀâÇÑ ¹é¿£µå °³¹ßÀ» ´Ü¼øÈÇÏ´Â ¹æ¹ý¿¡ ´ëÇؼµµ ´Ù·ç°í ÀÖ´Ù. ¶ÇÇÑ °¢ À帶´Ù ¹è¿î ³»¿ëÀ» Åä´ë·Î ½Ç½ÀÀ» ÇÒ ¼ö ÀÖ°í, À̸¦ ÅëÇØ Çö½Ç¿¡¼ ¹Ù·Î »ç¿ë °¡´ÉÇÑ ½Ç¿ëÀûÀÎ ±âÃʸ¦ ¹è¿ï ¼ö ÀÖ´Ù.
PART I °ø°³ À¥ Ç¥ÁØÀ» »ç¿ëÇÏ¿© À¥ ÆäÀÌÁö¿Í À¥ ¾ÖÇø®ÄÉÀÌ¼Ç ¸¸µé±â
HOUR 1 HTML5¸¦ »ç¿ëÇÑ ¸ð¹ÙÀÏ À¥ ¾ÖÇø®ÄÉÀÌ¼Ç °³¼±
HTML ¹öÀü 5±îÁöÀÇ °úÁ¤ ÀÌÇØÇϱâ
HTML5¿ÍÀÇ Â÷ÀÌÁ¡
À¥ ¾ÖÇø®ÄÉÀÌ¼Ç Á¤ÀÇÇϱâ
°ø°³ À¥ Ç¥ÁØ »ç¿ëÇϱâ
IOS¿Í ¾Èµå·ÎÀ̵å ÀåÄ¡¸¦ ÀÌ¿ëÇÏ¿© HTML5 »ç¿ëÇϱâ
¸ð¹ÙÀÏ À¥ »çÀÌÆ® ÀÛ¼ºÇϱâ
¿ä¾à, Áú¹®°ú ´äº¯, ¿öÅ©¼ó
HOUR 2 ¸ð¹ÙÀÏ °³¹ßÀ» À§ÇÑ HTML5ÀÇ »õ·Î¿î ÅÂ±×¿Í ¼Ó¼º
»õ·Î¿î HTML5 ű×
»õ·Î¿î HTML5 ¼Ó¼º
HTML 4 ÅÂ±×¿Í ¼Ó¼º¿¡¼ º¯°æµÈ »çÇ×
HTML5¿¡¼ º¯°æµÈ HTML ¹®¹ý
HTML5 ÅÂ±×¿Í ¼Ó¼ºÀÇ ¸ð¹ÙÀÏ Áö¿ø
¸ð¹ÙÀÏ À¥ °³¹ßÀ» À§ÇÑ HTML5ÀÇ ÀåÁ¡
¿ä¾à, Áú¹®°ú ´äº¯, ¿öÅ©¼ó
HOUR 3 CSS3¸¦ »ç¿ëÇÏ¿© ¸ð¹ÙÀÏ ÆäÀÌÁö¿¡ ½ºÅ¸ÀÏ Àû¿ëÇϱâ
CSSÀÇ °£·«ÇÑ ¼Ò°³
CSS3¿¡ Ãß°¡µÈ ½ºÅ¸ÀÏ
¸ð¹ÙÀÏ ÀåÄ¡¿¡¼ CSS3 »ç¿ëÇϱâ
¿ä¾à, Áú¹®°ú ´äº¯, ¿öÅ©¼ó
HOUR 4 ¸ð¹ÙÀÏ ÀåÄ¡ ¹× HTML5 Áö¿ø ¿©ºÎ È®ÀÎ
¾î¶² HTML5 ¿ä¼Ò¸¦ »ç¿ëÇÒÁö ¼±ÅÃÇϱâ
¾Èµå·ÎÀ̵å¿Í iOSÀÇ HTML5 Áö¿ø
HTML5 ±â´É °¨Áö
´Ü°èÀû ÈÄÅð
CSS3 ¹Ìµð¾î Äõ¸®(Media Query)¸¦ »ç¿ëÇÏ¿© ¸ð¹ÙÀÏ ºê¶ó¿ìÀú
°¨Áö
¾ÖÇø®ÄÉÀÌ¼Ç Å×½ºÆ®
¿ä¾à, Áú¹®°ú ´äº¯, ¿öÅ©¼ó
HOUR 5 ÀÚ¹Ù½ºÅ©¸³Æ®¿Í HTML5 À¥ ¾ÖÇø®ÄÉÀ̼Ç
ÀÚ¹Ù½ºÅ©¸³Æ®¶õ ¹«¾ùÀΰ¡?
jQuery¶õ ¹«¾ùÀΰ¡?
jQuery ¸ð¹ÙÀÏ »ç¿ëÇϱâ
¿ä¾à, Áú¹®°ú ´äº¯, ¿öÅ©¼ó
HOUR 6 ¸ð¹ÙÀÏ À¥ ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß
¸ðµç ÀåÄ¡¿¡¼ µ¿ÀÛÇÏ´Â »çÀÌÆ® °³¹ßÇϱâ
¾î¶² À¯ÇüÀÇ ¾ÖÇø®ÄÉÀ̼ÇÀ» ¿øÇÏ´ÂÁö °áÁ¤Çϱâ
HTMLÀ» »ç¿ëÇÏ¿© ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ßÇϱâ
HTMLÀ» º¸±â ÁÁ°Ô ¸¸µé±â À§ÇØ CSS »ç¿ëÇϱâ
´õ¿í È¿À²ÀûÀÎ HTML5 ÆäÀÌÁö¸¦ À§ÇØ ¸ð¹ÙÀÏ ¸ÞŸ ÅÂ±× Ãß°¡Çϱâ
¸ð¹ÙÀÏÀ» À§ÇÑ »çÀÌÆ® ÃÖÀûÈ
¿ä¾à, Áú¹®°ú ´äº¯, ¿öÅ©¼ó
HOUR 7 »çÀÌÆ®¸¦ HTML5·Î ¾÷±×·¹À̵å
HTML 4¿¡¼ ¾ðÁ¦, ¾î¶»°Ô ¾÷±×·¹À̵åÇÒÁö °áÁ¤Çϱâ
ÇöÀç µ¿ÀÛÇÏ´Â HTML5ÀÇ ±â´É
HTML5 ºê¶ó¿ìÀú Áö¿ø »óÅÂ
»çÀÌÆ®¿¡ ¿©ºÐÀÇ HTML5 ±â´É Ãß°¡Çϱâ
¸ð¹ÙÀÏ ¾ÖÇø®ÄÉÀ̼ǿ¡¼ »çÀÌÆ®¸¦ ½ÇÇà½Ãų HTML5 ±â¼ú
¿ä¾à, Áú¹®°ú ´äº¯, ¿öÅ©¼ó
HOUR 8 À¥ ¾ÛÀ» ¸ð¹ÙÀÏ ¾ÛÀ¸·Î º¯È¯Çϱâ
À¥ ¿¡µðÅÍ ¼±ÅÃ
¾ÖÇø®ÄÉÀÌ¼Ç Å×½ºÆ®
ÄÜÅÙÃ÷ Æò°¡
¸ð¹ÙÀÏÀ» À§ÇÑ ½Ã°¢ µðÀÚÀÎ º¯°æ
HTML5¿Í CSS3 °Ë»ç
´Ù¾çÇÑ ÀåÄ¡ Áö¿øÇϱâ
¿Ï¼ºµÈ ¾ÖÇø®ÄÉÀ̼ÇÀ» ´Ù¸¥ ÀåÄ¡¿¡¼ Æò°¡Çϱâ
±¸Çü ºê¶ó¿ìÀú¿¡¼ µ¿ÀÛÇÏ´Â ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß
¿ä¾à, Áú¹®°ú ´äº¯, ¿öÅ©¼ó
PART II HTML5ÀÇ ÁÖ¿ä ±â´É ¹è¿ì±â
HOUR 9 HTML5ÀÇ ¼½¼Å´× ¿ä¼Ò¿Í ½Ã¸Çƽ ¿ä¼Ò·Î ÀÇ¹Ì ºÎ¿©Çϱâ
¼½¼Å´× ¿ä¼Ò¶õ ¹«¾ùÀΰ¡?
»õ·Î¿î ¼½¼Å´× ¿ä¼Ò »ç¿ëÇϱâ
½Ã¸ÇƽÇÏ°Ô HTML Ç¥±âÇϱâ
¿ä¾à, Áú¹®°ú ´äº¯, ¿öÅ©¼ó
HOUR 10 HTML5 ĵ¹ö½º ¿ä¼Ò¸¦ »ç¿ëÇÏ¿© ±×¸² ±×¸®±â
ĵ¹ö½º ¿ä¼Ò »ç¿ëÇϱâ
£¼canvas£¾ ¿ä¼Ò¿¡ µµÇü ±×¸®±â
ĵ¹ö½º¿¡ ÆùÆ®¿Í ÅؽºÆ® ÀÛ¼ºÇϱâ
À̹ÌÁö Ç¥½ÃÇϱâ
ĵ¹ö½º´Â SVG³ª Ç÷¡½Ã¿Í ¾î¶»°Ô ´Ù¸¥°¡?
¿ä¾à, Áú¹®°ú ´äº¯, ¿öÅ©¼ó
HOUR 11 HTML5ÀÇ ÆùÆ®¿Í ŸÀÌÆ÷±×·¡ÇÇ
ŸÀÌÆ÷±×·¡ÇÇÀÇ ¿ä¼Ò Á¤ÀÇÇϱâ
ÀûÀýÇÑ Å¸ÀÌÆ÷±×·¡ÇÇÀû ¿£Æ¼Æ¼ »ç¿ëÇϱâ
À¥ °ø°³ ÆùÆ® ÇüÅ ÀÌÇØÇϱâ
¿ä¾à, Áú¹®°ú ´äº¯, ¿öÅ©¼ó
HOUR 12 HTML5ÀÇ ¿Àµð¿Í ºñµð¿À
¿Àµð¿À¿Í ºñµð¿À¸¦ À§ÇØ ¿Ö HTML5³ª Ç÷¡½Ã¸¦ »ç¿ëÇϴ°¡?
ÃÖ°íÀÇ È£È¯¼ºÀ» À§ÇÑ ºñµð¿À Æ÷¸Ë ¼±ÅÃ
´Ù¾çÇÑ Áö¿øÀ» À§ÇÑ ¿Àµð¿À ÄÚµ¦ ¼±ÅÃÇϱâ
»õ·Î¿î HTML5 ¹Ìµð¾î ¿ä¼Ò
¹Ìµð¾î È®ÀåÀ» À§ÇÑ À¯¿ëÇÑ ¼Ó¼º
ÀÎÅÍ³Ý ÀͽºÇ÷η¯¸¦ À§ÇÑ ´ëü ¿É¼Ç ¸¸µé±â
API ¸Þ¼Òµå¸¦ »ç¿ëÇÏ¿© »ç¿ëÀÚ Á¤ÀÇ ÄÁÆ®·Ñ ¸¸µé±â
¿ä¾à, Áú¹®°ú ´äº¯, ¿öÅ©¼ó
HOUR 13 HTML5 Æû
HTML5 ÆûÀÇ »õ·Î¿î À¯¿ëÇÑ ±â´É
HTML5ÀÇ input Çü½Ä
±× ¿ÜÀÇ »õ·Î¿î Æû ¿ä¼Ò
Æû À¯È¿¼º °Ë»ç
¿ä¾à, Áú¹®°ú ´äº¯, ¿öÅ©¼ó
HOUR 14 HTML5¸¦ »ç¿ëÇÑ ÄÜÅÙÃ÷ ÆíÁý ¹× »ç¿ëÀÚ ÀÎÅÍ·¢¼Ç
»õ·Î¿î contenteditable ¼Ó¼º
Command ¸Þ¼Òµå
À¥ ÆäÀÌÁö¿¡ ¸ÂÃã¹ý °Ë»ç ±â´É Ãß°¡Çϱâ
ºê¶ó¿ìÀúÀÇ UI¿Í ÆíÁý ±â´É Áö¿ø
¿ä¾à, Áú¹®°ú ´äº¯, ¿öÅ©¼ó
HOUR 15 ¸¶ÀÌÅ©·ÎÆ÷¸Ë°ú ¸¶ÀÌÅ©·Îµ¥ÀÌÅÍ
¸¶ÀÌÅ©·ÎÆ÷¸Ë(Microformat) »ç¿ëÇϱâ
¸¶ÀÌÅ©·Îµ¥ÀÌÅÍ(Microdata) »ç¿ëÇϱâ
RDFa »ç¿ëÇϱâ
¾î¶² Çü½ÄÀ» »ç¿ëÇÒÁö °áÁ¤Çϱâ
¸ð¹ÙÀÏ°ú ¸¶ÀÌÅ©·ÎÆ÷¸Ë
¿ä¾à, Áú¹®°ú ´äº¯, ¿öÅ©¼ó
HOUR 16 HTML5¿¡¼ µå·¡±×¾Øµå·Ó ±â´É »ç¿ëÇϱâ
µå·¡±×¾Øµå·Ó ±¸Çö
µå·¡±×¾Øµå·Ó À̺¥Æ®
µå·¡±×¾Øµå·Ó ¼Ó¼º
À¯¿ëÇÑ CSS È®Àå
µå·¡±×¾Øµå·Ó ÀÎÅÍÆäÀ̽º °³¹ß
iOS¿¡¼ µå·¡±×¾Øµå·Ó »ç¿ëÇϱâ
¿ä¾à, Áú¹®°ú ´äº¯, ¿öÅ©¼ó
HOUR 17 HTML5 ¸µÅ©
HTML5¿¡¼ ¸µÅ©°¡ ¾î¶»°Ô º¯°æµÇ¾ú´Â°¡?
¸µÅ© Çü½Ä°ú °ü°è
»õ·Î¿î ¸µÅ© Çü½Ä »ç¿ëÇϱâ
¿ä¾à, Áú¹®°ú ´äº¯, ¿öÅ©¼ó
PART III ¸ð¹ÙÀÏ°ú À¥ ¾ÖÇø®ÄÉÀ̼ÇÀ» À§ÇÑ HTML5
HOUR 18 À¥ ¾ÖÇø®ÄÉÀÌ¼Ç API¿Í µ¥ÀÌÅͼ¼Æ®
À¥ ¾ÖÇø®ÄÉÀÌ¼Ç ¸¸µé±â
µ¥ÀÌÅͼ¼Æ®¿Í data-* ¼Ó¼º
¿ä¾à, Áú¹®°ú ´äº¯, ¿öÅ©¼ó
HOUR 19 À¥ ¼ÒÄÏ, À¥ ¿öÄ¿, ÆÄÀÏ
À¥ ¼ÒÄÏÀ» »ç¿ëÇÏ´Â ¾ç¹æÇâ Åë½Å
À¥ ¿öÄ¿¸¦ »ç¿ëÇÏ¿© ¹é±×¶ó¿îµå¿¡¼ ½ºÅ©¸³Æ® ½ÇÇàÇϱâ
ÆÄÀÏ API¸¦ »ç¿ëÇÏ¿© Ŭ¶óÀ̾ðÆ® Ãø ÆÄÀÏ Á¦¾îÇϱâ
¿ä¾à, Áú¹®°ú ´äº¯, ¿öÅ©¼ó
HOUR 20 ¿ÀÇÁ¶óÀÎ À¥ ¾ÖÇø®ÄÉÀ̼Ç
¿ÀÇÁ¶óÀÎ ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß ¹× ¿ÀÇÁ¶óÀο¡¼ µ¿ÀÛÇÏ´Â ¾ÖÇø®ÄÉÀ̼ÇÀ¸·Î ÀüȯÇϱâ
ij½Ã ¸Å´ÏÆ佺Ʈ(Cache Manifest)
¿ÀÇÁ¶óÀÎ ¾ÖÇø®ÄÉÀ̼ÇÀ» À§ÇØ DOM À̺¥Æ®¿Í ¼Ó¼º »ç¿ëÇϱâ
¾ÖÇø®ÄÉÀÌ¼Ç Ä³½Ã µð¹ö±ë
¿ä¾à, Áú¹®°ú ´äº¯, ¿öÅ©¼ó
HOUR 21 HTML5ÀÇ À¥ ÀúÀå¼Ò
À¥ ÀúÀå¼Ò¶õ ¹«¾ùÀΰ¡?
À¥ SQL°ú Indexed DB
¿ä¾à, Áú¹®°ú ´äº¯, ¿öÅ©¼ó
PART III ¸ð¹ÙÀÏ°ú À¥ ¾ÖÇø®ÄÉÀ̼ÇÀ» À§ÇÑ HTML5
HOUR 22 È÷½ºÅ丮 API¸¦ »ç¿ëÇÑ ºê¶ó¿ìÀú È÷½ºÅ丮 Á¦¾î
¿Ö ºê¶ó¿ìÀú È÷½ºÅ丮¸¦ Á¦¾îÇϴ°¡?
È÷½ºÅ丮 API ¸Þ¼Òµå
È÷½ºÅ丮 API »ç¿ëÇϱâ
È÷½ºÅ丮 APIÀÇ À§Çè°ú ºÒÆíÇÔ
¿ä¾à, Áú¹®°ú ´äº¯, ¿öÅ©¼ó
HOUR 23 Áö¿À·ÎÄÉÀ̼ÇÀ» »ç¿ëÇÑ À§Ä¡ °¨Áö±â´É Ãß°¡
Áö¿À·ÎÄÉÀ̼ÇÀ̶õ ¹«¾ùÀΰ¡?
°³ÀÎ Á¤º¸ ¹× À§Ä¡ Á¤º¸
¸ð¹ÙÀÏ Áö¿À·ÎÄÉÀÌ¼Ç ¾ÖÇø®ÄÉÀÌ¼Ç »ý¼ºÇϱâ
¿ä¾à, Áú¹®°ú ´äº¯, ¿öÅ©¼ó
HOUR 24 HTML5 ¾ÖÇø®ÄÉÀ̼ÇÀ» ³×ÀÌƼºê ¾ÖÇø®ÄÉÀ̼ÇÀ¸·Î º¯È¯Çϱâ
³×ÀÌƼºê ¾ÖÇø®ÄÉÀ̼ǰú HTML5 ¾ÖÇø®ÄÉÀ̼ÇÀÇ Â÷ÀÌÁ¡ ºñ±³
³×ÀÌƼºê ¾ÛÀ¸·Î º¯È¯Çϱâ
¾ÖÇø®ÄÉÀÌ¼Ç ¾ÆÀÌÄÜ ¸¸µé±â
¾ÖÇø®ÄÉÀÌ¼Ç Å×½ºÆ®
¾Û½ºÅä¾î¿¡¼ ¾ÖÇø®ÄÉÀÌ¼Ç ÆǸÅ
³×ÀÌƼºê·ÎÀÇ º¯È¯ ÀÌ¿ÜÀÇ ¿É¼Ç
¿ä¾à, Áú¹®°ú ´äº¯, ¿öÅ©¼ó
ºÎ·Ï A. ÄûÁî¿¡ ´ëÇÑ ´äº¯
ºÎ·Ï B. HTML ¿ä¼Ò¿Í ¼Ó¼º
ºÎ·Ï C. HTML5¿Í ¸ð¹ÙÀÏ ¾ÖÇø®ÄÉÀÌ¼Ç ¸®¼Ò½º