TTA °£Ç๰ - ICT Standard Weekly

Ȩ > Ç¥ÁØÈ­ Âü¿© > TTA°£Ç๰ > ICT Standard Weekly

±â¼úÇ¥ÁØÀ̽´

´Ù¿î·Îµå (2010-09È£)
Æ®À§ÅÍ ÆäÀ̽ººÏ ¹ÌÅõµ¥ÀÌ

[À¥] HTML5 Ç¥ÁØ °³¹ß ÇöȲ

ÇöÀç W3C´Â Â÷¼¼´ë HTML Ç¥ÁØÀÎ HTML5¿¡ ´ëÇÑ Ç¥ÁØ °³¹ßÀ» ÁøÇàÇϰí ÀÖÀ¸¸ç ÀÌ´Â ±âÁ¸ À¥ ȯ°æ¿¡ Ä¿´Ù¶õ Áö°¢º¯µ¿À» ¸ô°í ¿Ã °ÍÀ¸·Î ¿¹»óµÈ´Ù. HTML5´Â »õ·Î¿î ¸¶Å©¾÷ Ãß°¡¸¦ ÅëÇØ ÀÇ¹Ì Ç¥ÇöÀ» °­È­ÇßÀ» »Ó ¾Æ´Ï¶ó »ç¿ëÀÚ ÀÎÅÍÆäÀ̽º µî »ç¿ëÀÚ¿ÍÀÇ »óÈ£ÀÛ¿ë °³¼±, HTTP ±â¹ÝÀÇ È¿À²ÀûÀÎ ½Ç½Ã°£ Åë½Å ±â´É, À¥ ÀÀ¿ëÀÇ ¿ÀÇÁ¶óÀÎ Áö¿ø ±â´É, µð¹ÙÀ̽ºÀÇ À§Ä¡Á¤º¸ Á¢±Ù ±â´É µî »ó´çÈ÷ ¸¹Àº ±â´ÉÀ» Æ÷ÇÔÇϰí ÀÖ´Ù. ¶ÇÇÑ ÇöÀç HTML5 WG¿¡´Â À¥ ºê¶ó¿ìÀú¸¦ °³¹ßÇϰí ÀÖ´Â ÁÖ¿ä ȸ»çµéÀÌ Àû±ØÀûÀ¸·Î Âü¿©Çϰí ÀÖÀ¸¸ç, HTML5ÀÇ ÀϺΠ±â´ÉÀº ÀÌ¹Ì ºê¶ó¿ìÀú¿¡ Àû¿ëµÇ¾î ¹èÆ÷µÇ°í ÀÖ´Ù. º» °í¿¡¼­´Â °£´ÜÇÑ HTMLÀÇ ¿ª»ç, HTML5 Ç¥ÁØÀÇ ¹üÀ§, Ç¥ÁØ °³¹ß ÀÏÁ¤ ±×¸®°í ¾ÕÀ¸·Î HTML5°¡ °®´Â Àǹ̿¡ ´ëÇØ¼­ ¾Ë¾Æº»´Ù.

 

HTML Ç¥ÁØÀÇ ¿ª»ç

HTML(HyperText Markup Language)Àº 1989³â¿¡ ÆÀ ¹ö³Ê½º¸®(Tim Berners-Lee)¿¡ ÀÇÇØ¼­ óÀ½À¸·Î °³¹ßµÈ ÀÌÈÄ HTML 2.0, HTML 3.2 ±×¸®°í 1999³âÀÇ HTML 4.01±îÁö ÀÎÅÍ³Ý »ê¾÷À» Æø¹ßÀûÀ¸·Î È®Àå½ÃŰ¸ç ºü¸£°Ô ¹ßÀüÇØ ¿Ô´Ù. ±×·¯³ª 2002³â¿¡ Á¦Á¤µÈ XHTML 1.0 Ç¥ÁØ ÀÌÈÄ XHTML 2.0 Ç¥ÁØ °³¹ß¿¡ ´ëÇÑ ½Ãµµ°¡ ½ÃÀåÀ¸·ÎºÎÅÍ ¿Ü¸éÀ» ¹Þ¾Ò´Ù. ÀÌ·¯ÇÑ ½ÃÁ¡¿¡ W3C¿Í »ý°¢ÀÌ ´Ù¸¥ ÁÖ¿äÇÑ ºê¶ó¿ìÀú ¾÷üÀÎ ¾ÖÇÃ, ¸ðÁú¶ó ±×¸®°í ¿ÀÆä¶ó´Â 2004³â¿¡ WHATWG(Web Hypertext Application Technology Working Group)À» °á¼ºÇؼ­ ¸®Ä¡ À¥ ÀÀ¿ëÀÇ ½Ç¿ëÀû Ç÷§Æû¿¡ ¸ñÀûÀ» µÐ HTML, CSS, DOM ¹× ÀÚ¹Ù½ºÅ©¸³Æ® °³¼± Ç¥ÁØ °³¹ßÀ» ½ÃÀÛÇÏ¿´´Ù. 2007³âºÎÅÍ W3C°¡ WHATWGÀÇ °á°ú¹°À» Àΰ踦 ¹Þ¾Æ ÇöÀç±îÁö Ç¥ÁØ °³¹ßÀ» ÁøÇàÇϰí ÀÖ´Ù.

 

HTML5 Ç¥ÁØ

HTML5 Ç¥ÁØÀº ±âÁ¸ÀÇ HTML Ç¥ÁØÀÇ ÇѰ踦 ±Øº¹Çϱâ À§ÇÑ Â÷¼¼´ë HTML Ç¥ÁØÀ¸·Î Ãß°¡ÀûÀÎ Ç÷¯±×ÀÎ ¾øÀÌ ¸®Ä¡ À¥ ÀÀ¿ëÀ» °¡´ÉÇÏ°Ô ÇÏ´Â °ÍÀ» ¸ñÀûÀ¸·Î ÇÑ´Ù. HTML5 Ç¥ÁØÀÇ ³»¿ëÀº Å©°Ô ¹®¼­±¸Á¶¿Í ¸¶Å©¾÷ Ç¥ÁØ ºÎºÐ°ú API Ç¥ÁØÀ¸·Î ±¸¼ºµÇ¾î Àִµ¥, ÀÌ¿Í °°Àº ¸¶Å©¾÷°ú API ºÎºÐÀÇ È¥Àç¿Í ¸¹Àº ºÐ·®¿¡¼­ ¹ß»ýµÇ´Â È¥¶õ½º·¯¿ò°ú Ç¥ÁØ °³¹ßÀÇ È¿À²¼ºÀ» ³ôÀ̱â À§ÇØ 2009³â 4¿ù ÀÌÈÄ¿¡ Ç¥ÁؾÈÀÌ ¿©·¯ °³ÀÇ ¹®¼­·Î ºÐ¸®µÇ¾î °³¹ßµÇ°í ÀÖ´Ù. ¶ÇÇÑ ÀÌ¿¡ ´ëÇÑ Ç¥ÁØ °³¹ßÀº HTML WG À̿ܿ¡µµ À¥ ÀÀ¿ë(Web Applicatioin) WG, Geolocation WG µî¿¡¼­µµ °ü·ÃµÈ Ç¥ÁØÀ» °³¹ßÇϰí ÀÖ´Ù.

 

HTML5 Ç¥ÁØÀÇ ¹üÀ§

HTML5 Ç¥ÁØÀÌ ±âÁ¸ÀÇ HTML Ç¥ÁØÀÇ ÇѰ踦 ³Ñ¾î ¸®Ä¡ À¥ ÀÀ¿ëÀÇ °³¹ß±îÁö °¡´ÉÇÏ°Ô ÇÏ´Â

°ÍÀ» ¸ñÀûÀ¸·Î ÇÑ´Ù°í °¡Á¤ÇÒ ¶§ HTML5 Ç¥ÁØÀÇ ¹üÀ§¸¦ Á¤ÀÇÇÏ´Â °ÍÀº ´Ù¼Ò ¾Ö¸ÅÇÑ ºÎºÐÀÌ ÀÖÀ¸³ª HTML5 Ç¥ÁØÀÇ ÁÖ¿ä ºÎºÐµéÀº ´ÙÀ½°ú °°ÀÌ Á¤¸®ÇÒ ¼ö ÀÖ´Ù.

 

HTML 5 :A vocabulary and associated APIs for HTML and XHTML

°¡Àå ±âº»ÀûÀÎ HTML5 Ç¥ÁؾÈÀ¸·Î Ç¥ÁØ Àüü¿¡ °øÅëÀûÀÎ ºÎºÐ¿¡ ´ëÇÑ ³»¿ë°ú ¸¶Å©¾÷ ºÎºÐ¿¡ ´ëÇÑ Ç¥ÁØ

HTML Microdata

HTML ¹®¼­¿¡¼­ ½Ã¸Çƽ ¸¶Å©¾÷À» °£´ÜÈ÷ ³»Àå½Ã۱â À§ÇÑ ¸ÞÄ¿´ÏÁò¿¡ ´ëÇÑ Ç¥ÁØ

Canvas 2D API

À¥¿¡¼­ Áï½Ã¸ðµå(immediate mode)·Î 2Â÷¿ø ±×·¡ÇÈÀ» ±×¸®±â À§ÇÑ 2D Canvas Drawing API Ç¥ÁØ

HTML Canvas 2D Context

Canvas ÅÂ±× ³» °¢Á¾ °´Ã¼¸¦ ȸÀü, º¯È¯ÇÏ°í ±×·¹µð¾ðÆ®, À̹ÌÁö »ý¼º µî °¢Á¾ È¿°ú¸¦ ÁÖ´Â ±â´É¿¡ ´ëÇÑ Ç¥ÁØ

Server-Sent Events

¼­¹ö°¡ µ¥ÀÌÅ͸¦ À¥ ÆäÀÌÁö·Î Ǫ½¬Çϱâ ÇÒ ¶§ »ç¿ëÇϱâ À§ÇÑ EventSource ÀÎÅÍÆäÀ̽º¿¡ ´ëÇÑ Ç¥ÁØ

Web Storage

À¥ Ŭ¶óÀÌ¾ðÆ®¿¡¼­ Ű¿Í °ªÀÌ ½ÖÀ¸·Î ±¸¼ºµÈ µ¥ÀÌÅ͸¦ ¿µ±¸ÀûÀ¸·Î ÀúÀåÇϱâ À§ÇÑ API Ç¥ÁØ

HTML5 Communications

¼Ò½º µµ¸ÞÀΰú »ó°ü¾øÀÌ ¹®¼­µé °£¿¡ Ä¿¹Â´ÏÄÉÀ̼ÇÀ» °¡´ÉÇÏ°Ô ÇÏ´Â ¸Þ½Ã¡ ¸ÞÄ¿´ÏÁò Ç¥ÁØ

Web Workers

À¥ ÀÀ¿ë °³¹ßÀÚ°¡ ¾²·¹µå¿Í °°Àº °³³äÀ¸·Î ¹é±×¶ó¿îµå ¿öÄ¿¸¦ »ý¼ºÇÒ ¼ö ÀÖµµ·Ï ÇÏ´Â API Ç¥ÁØ

Web SQL Database

´Ù¾çÇÑ SQLÀ» »ç¿ëÇØ ÁúÀÇÇÒ ¼ö ÀÖ´Â µ¥ÀÌÅͺ£À̽º¿¡ ÀúÀåµÈ µ¥ÀÌÅ͸¦ À§ÇÑ API Ç¥ÁØ

Web Sockets API

À¥ ÀÀ¿ëÀÌ ¼­¹ö ÃøÀÇ ÇÁ·Î¼¼½º¿Í Á÷Á¢ÀûÀÎ ¾ç¹æÇâ Åë½ÅÀ» À§ÇÑ API Ç¥ÁØ

WebSimpleDB API

Æ®·£Á§¼Ç µ¥ÀÌÅͺ£À̽º¿¡¼­ Á¤¿­µÈ Ű¿Í °ªÀÌ ½ÖÀ¸·Î ±¸¼ºµÈ µ¥ÀÌÅ͸¦ ÀúÀåÇϰųª °Ë»öÇϱâ À§ÇÑ API

Geolocation API

µð¹ÙÀ̽ºÀÇ Áö¸®Àû À§Ä¡ Á¤º¸¸¦ Á¦°øÇÏ´Â API Ç¥ÁØ

File API

À¥ ÀÀ¿ëÀÌ ÆÄÀÏ Á¤º¸, ÆÄÀÏ ¸®½ºÆ®¿¡ ´ëÇÑ Á¤º¸ Á¢±Ù ±×¸®°í ÆÄÀÏ ÀÚüÀÇ µ¥ÀÌÅ͸¦ Àбâ À§ÇÑ API Ç¥ÁØ

 

HTML5 Ç¥ÁØ °³¹ß ÀÏÁ¤

W3C HTML WG¿¡¼­ ÇöÀç±îÁö ÁøÇàµÇ°í, °èȹÇϰí ÀÖ´Â HTML5 Ç¥ÁØ¿¡ ´ëÇÑ ÀÏÁ¤Àº ¾Æ·¡¿Í °°´Ù. HTML5 Ç¥ÁØ ÃÊ¾È ÃÖÁ¾º»Àº 2010³â 1¿ù±îÁö ¿Ï·áµÉ °èȹÀ̾úÀ¸³ª ¾ÆÁ÷ ¸¶¹«¸®µÇÁö ¾Ê¾Ò´Ù. µû¶ó¼­ ÀüüÀûÀÎ ÀÏÁ¤µµ ´Ù¼Ò ´Ê¾îÁú °ÍÀ¸·Î ¿¹»óµÈ´Ù.

2008³â 2¿ù : HTML5 ù¹øÂ° Ç¥ÁØ ÃÊ¾È (First Public Working Draft)

2010³â 1¿ù : HTML5 Ç¥ÁØ ÃÊ¾È ÃÖÁ¾º» (Working Draft Last Call)

2010³â 12¿ù : HTML5 Èĺ¸ Ç¥ÁØ¾È (Candidate Recommendation)

2012³â 1¿ù : HTML5 Á¦¾È Ç¥ÁØ¾È (Proposed Recommendation)

2012³â 3¿ù : HTML5 ÃÖÁ¾ Ç¥ÁØ¾È (Recommendation)

 

°á·Ð

HTML5 Ç¥ÁØÀÇ ÇâÈÄ À¥ ȯ°æ¿¡ ´Ù½Ã Çѹø Áö°¢º¯µ¿À» ÀÏÀ¸Å³ °ÍÀ¸·Î ¿¹»óµÈ´Ù. ÃÖ±Ù °³ÃÖµÈ MWC(Mobile World Congress) 2010¿¡¼­ ÃÖ°íÀÇ È­µÎ Áß Çϳª°¡ ¸ð¹ÙÀÏ Ç÷§ÆûÀÇ ºÐ¿­(fragmentation) ¹®Á¦¿´À¸¸ç, HTML5´Â À̸¦ ÇØ°áÇÒ ¼ö ÀÖ´Â À¥ Ç¥ÁØ Ç÷§ÆûÀÇ ÇÙ½ÉÀûÀΠǥÁØÀÌ µÉ °ÍÀ¸·Î ¿¹»óµÈ´Ù. ¶ÇÇÑ ±âÁ¸ÀÇ ActiveX·Î ±¸ÇöµÈ ±â´ÉÀ» HTML5¸¦ ÀÌ¿ëÇÏ¿© ´ëüÇÒ ¼ö ÀÖÀ» °ÍÀ¸·Î ±â´ëµÇ¸ç, ¾îµµºñÀÇ Ç÷¡½Ã³ª ¸¶ÀÌÅ©·Î¼ÒÇÁÆ®ÀÇ ½Ç¹ö¶óÀÌÆ®¿Í °°Àº ¾÷ü Á¾¼ÓÀûÀÎ RIA Ç÷§Æû ±â´ÉÀÌ HTML5·Î ´ëüµÉ °ÍÀ¸·Î ¿¹»óµÈ´Ù. ÀÌ¿Í °°ÀÌ ÇâÈÄ HTML5°¡ ÀÎÅÍ³Ý »ê¾÷ÀÇ ÀüüÀûÀΠȯ°æ¿¡ ¿µÇâÀ» Áִ ǥÁØÀÎ ¸¸Å­ Áö±ÝºÎÅÍ ±¹³» °ü·Ã ¾÷üµéÀÇ °ü½É°ú Áغñ°¡ ÇÊ¿äÇÒ °ÍÀ¸·Î »ç·áµÈ´Ù.

ÀÌ¿ø¼® (Çѱ¹ÀüÀÚÅë½Å¿¬±¸¿ø Ç¥ÁØ¿¬±¸¼¾ÅÍ ¼±ÀÓ¿¬±¸¿ø, wslee@etri.re.kr)

* º» ±ÛÀº ÀúÀÚÀÇ ÀǰßÀÏ »Ó TTA ±â°üÀÇ ÀÔÀå°ú´Â ¹«°üÇÕ´Ï´Ù.