Do it! HTML5+CSS3 ´Ü±â¿Ï¼º
- ÀúÀÚ<°í°æÈñ> Àú
- ÃâÆÇ»çÀÌÁö½ºÆÛºí¸®½Ì
- ÃâÆÇÀÏ2015-12-04
- µî·ÏÀÏ2016-08-23
- SNS°øÀ¯
- ÆÄÀÏÆ÷¸ËPDF
- ÆÄÀÏÅ©±â30MB
- °ø±Þ»çYES24
-
Áö¿ø±â±â
PC
PHONE
TABLET
ÇÁ·Î±×·¥ ¼öµ¿¼³Ä¡
ÀüÀÚÃ¥ ÇÁ·Î±×·¥ ¼öµ¿¼³Ä¡ ¾È³»
¾ÆÀÌÆù, ¾ÆÀÌÆеå, ¾Èµå·ÎÀ̵åÆù, ÅÂºí¸´,
º¸À¯ 2, ´ëÃâ 0,
¿¹¾à 0, ´©Àû´ëÃâ 45, ´©Àû¿¹¾à 0
Ã¥¼Ò°³
Çö¾÷¿¡ ºü¸£°Ô È°¿ëÇÏÀÚ! ¸ð¹ÙÀÏ¡¤À¥ °³¹ß ÇöÀåÀÇ ½Ç¹«ÀÚ¸¦ À§ÇÑ HTML5!ÀÌ Ã¥Àº 2010³â ±¹³» ÃÖÃÊ·Î HTML5¿Í CSS3¸¦ ¼Ò°³ÇÑ HTML5 ºÐ¾ß º£½ºÆ®¼¿·¯ÀÎ ¡¶Do it! HTML5+CSS3¡·ÀÇ 2016³â ´ëºñ Àü¸é °³Á¤ÆÇÀÌ´Ù. À̹ø °³Á¤ÆÇÀº 2014³â 10¿ù W3C¿¡¼ ¹ßÇ¥ÇÑ HTML5 ÃÖÁ¾ ±Ç°í¾ÈÀ» Ã¥¿¡ ¹Ý¿µÇÏ¿´°í, ±âÁ¸ HTML4 ű׸¦ »ç¿ëÇÏ´ø °³¹ßÀÚµµ ÃֽŠÄÚµù ±â¹ýÀ¸·Î HTML5 Àüü ű׸¦ ´Ü±â°£¿¡ ¹è¿ï ¼ö ÀÖµµ·Ï Á¤¸®ÇÏ¿´´Ù.
ÃÖ±Ù ´ëºÎºÐÀÇ IT ¼ºñ½º°¡ À¥ Áß½ÉÀ¸·Î ¹Ù²î°í ÀÖ¾î ¹ý°ú Á¦µµµµ º¯ÈÇÏ°í ÀÖ´Ù. ÀÌ¿¡ µû¶ó Àå¾ÖÀÎ Â÷º° ±ÝÁö¹ýµµ Á¦Á¤µÇ¾ú´Ù. ÀÌÁ¦ °ü°ø¼, ´ë±â¾÷À» Áß½ÉÀ¸·Î À¥, ¸ð¹ÙÀÏ Á¢±Ù¼ºÀ» ÁؼöÇÏ¿© À¥»çÀÌÆ®¿Í ¸ð¹ÙÀÏ ¾ÛÀ» Á¦ÀÛÇØ¾ß ÇÑ´Ù. ÀÌ Ã¥¿¡¼´Â Çѱ¹Çü À¥ ÄÜÅÙÃ÷ Á¢±Ù¼º Áöħ°ú ¸ð¹ÙÀÏ ¾ÖÇø®ÄÉÀÌ¼Ç Á¢±Ù¼º Áöħ¿¡ ´ëÇÑ Çؼ³À» ºÎ·ÏÀ¸·Î Ãß°¡ÇÏ¿© ÇöÀå¿¡ ÀÖ´Â À¥, ¾Û °³¹ßÀڵ鿡°Ô µµ¿òÀÌ µÇµµ·Ï Çß´Ù.
¸ñÂ÷
01 HTML5¶õ?01-1 HTML5ÀÇ µîÀå
01-2 HTML5´Â
01-3 HTML5 ÃÖÁ¾ Ç¥ÁØ¾È ÃÑÁ¤¸®
02 HTML5·Î ±âº»ÀûÀÎ ¹®¼ ¸¸µé±â
02-1 HTML5ÀÇ ¹®¼ ±¸Á¶
02-2 HTML5ÀÇ ½Ã¸Çƽ ű׵é
Á÷Á¢ Çغ¸¼¼¿ä! ½Ã¸Çƽ ÅÂ±× »ðÀÔÇϱâ
02-3 HTML5¿¡ »õ·Î Ãß°¡µÈ ÁÖ¿ä ű׵é
Á÷Á¢ Çغ¸¼¼¿ä! HTML5ÀÇ »õ ÅÂ±×µé »ðÀÔÇϱâ
02-4 HTML5¿¡¼ ´Þ¶óÁø ű׵é
03 µ¿¿µ»ó Ç÷¯±×ÀÎÀÌ ÇÊ¿ä ¾ø´Â HTML5 ºñµð¿À ¿ä¼Ò
03-1 HTML5¿¡¼´Â ¾î¶² µ¿¿µ»óÀÌ Áö¿øµÉ±î?
Á÷Á¢ Çغ¸¼¼¿ä! mp4 ÆÄÀÏ·Î ÀÎÄÚµùÇϱâ
Á÷Á¢ Çغ¸¼¼¿ä! ogv ÆÄÀÏ·Î ÀÎÄÚµùÇϱâ
03-2 ºñµð¿À ÆÄÀÏÀ» À¥ ¹®¼¿¡ ³Ö´Â < video> ű×
Á÷Á¢ Çغ¸¼¼¿ä! < video> ű׸¦ ÀÌ¿ëÇØ µ¿¿µ»ó »ðÀÔÇϱâ
04 ȸ鿡 ±×¸²À» ±×·Áº¸ÀÚ - ĵ¹ö½º(Canvas)
04-1 ±âº»ÀûÀÎ »ç¿ë¹ý
04-2 ´Ù¾çÇÑ µµÇü ±×¸®±â
Á÷Á¢ Çغ¸¼¼¿ä! ¿©·¯ °¡Áö µµÇü ±×¸®±â
04-3 ½ºÅ¸ÀÏ Àû¿ëÇϱâ
04-4 ĵ¹ö½º µå·ÎÀ× »óÅ ÀúÀåÇϱâ
Á÷Á¢ Çغ¸¼¼¿ä! ±×¶óµ¥ÀÌ¼Ç È¿°ú°¡ Àû¿ëµÈ ¸·´ë ±×¸®±â
04-5 À̹ÌÁö »ç¿ëÇϱâ
Á÷Á¢ Çغ¸¼¼¿ä! ¾×ÀÚ ¾È¿¡ À̹ÌÁö ³Ö±â
04-6 º¯ÇüÇϱâ
04-7 ÇÕ¼ºÇϱâ
04-8 ÅؽºÆ® ±×¸®±â
05 À¥ Æû ¸¸µé±â
05-1 HTML5¿¡¼ ¹«¾ùÀÌ ¹Ù²î¾úÀ»±î?
05-2 »õ·Î »ý±ä ű×ÀÇ À¯Çüµé
05-3 ű×ÀÇ »õ·Î¿î ¼Ó¼ºµé
Á÷Á¢ Çغ¸¼¼¿ä! ȸ¿ø °¡ÀÔ Æû ¸¸µé±â
06 Ç¥ÇöÀÌ ÀÚÀ¯·Î¿î CSS3
06-1 CSS3¸¦ °øºÎÇϱâ Àü¿¡
06-2 ¸ð¼¸®¸¦ ºÎµå·´°Ô ó¸®Çϱâ
06-3 border-radius ÀÀ¿ëÇϱâ
Á÷Á¢ Çغ¸¼¼¿ä! border-radius ÀÀ¿ëÇϱâ
06-4 À̹ÌÁö·Î Å׵θ® ²Ù¹Ì±â
06-5 ¼±ÅÃÇÑ ¿ä¼Ò¿¡ ±×¸²ÀÚ È¿°ú Ãß°¡Çϱâ
06-6 ÀÚÀ¯·Ó°Ô ²Ù¹Ì´Â ¹è°æ
06-7 À̹ÌÁö Åõ¸íµµ Á¶ÀýÇϱâ
Á÷Á¢ Çغ¸¼¼¿ä! À̹ÌÁö ¾øÀÌ ¾ÆÄí¾Æ ´ÜÃß ¸¸µé±â
06-8 »çÁø º¯Çü ¹× Æ®·£Áö¼Ç
06-9 »õ·Î¿î CSS3 ¼¿·ºÅÍ
06-10 CSS3¿Í »ö»ó
06-11 µ¶Æ¯ÇÑ ³ª¸¸ÀÇ ±ÛÀÚ
06-12 ´Ù´Ü Ç¥½Ã
07 CSS3 È°¿ëÇϱâ
07-1 ¼ºê ¸Þ´º°¡ ÆîÃÄÁö´Â ³»ºñ°ÔÀÌ¼Ç ¸¸µé±â
07-2 °¡·Î ÅÇ ¸Þ´º ¸¸µé±â
07-3 ±×¶óµ¥À̼ÇÀ» ÀÌ¿ëÇÑ ¸Þ´º ¸¸µé±â
07-4 »çÁø °¶·¯¸® ¸¸µé±â
Á÷Á¢ Çغ¸¼¼¿ä! Æú¶ó·ÎÀÌµå ´À³¦ÀÇ »çÁø ¸¸µé±â
07-5 CSS3 ±×¶óµð¾ðÆ® Á¦³×·¹ÀÌÅÍ
07-6 Ŭ¸¯Çϸé ÆîÃÄÁö´Â ¾ÆÄÚµð¾ð ¸Þ´º ¸¸µé±â
08 À¥ ¾ÖÇø®ÄÉÀÌ¼Ç Á¦ÀÛÀ» À§ÇÑ ´Ù¾çÇÑ API
08-1 µå·¡±× & µå·Ó API
08-2 ¾ÖÇø®ÄÉÀÌ¼Ç Ä³½Ã(Application Cache)
08-3 À¥ ½ºÅ丮Áö API
08-4 Indexed µ¥ÀÌÅͺ£À̽º( Indexed DB)
08-5 À¥ ¿öÄ¿(Web Worker)
08-6 Áö¿À·ÎÄÉÀ̼Ç( Geolocation) API
08-7 SVG ¿ä¼Ò
Ưº° ºÎ·Ï 01 ÇöÀå ½Ç¹«ÀÚ¸¦ À§ÇÑ À¥/¾Û Á¢±Ù¼º Áöħ ¹× Çؼ³
1 Çѱ¹Çü À¥ ÄÜÅÙÃ÷ Á¢±Ù¼º Áöħ 2.0
2 ¸ð¹ÙÀÏ ¾ÖÇø®ÄÉÀÌ¼Ç Á¢±Ù¼º Áöħ
Ưº° ºÎ·Ï 02 HTML ÅÂ±× ÃÑÁ¤¸®