
HTML5ÀÇ Ã¹ ÇØ¼³¼!
HTML5ÀÇ µîÀåÀº À̶§±îÁö HTMLÀÌ ÀÎÅͳݿ¡ ³¢Ä£ ¿µÇâÀ» ¶Ù¾î³Ñ´Â ±Ùº»ÀûÀÎ º¯È¸¦ °¡Á®¿Ã °ÍÀ¸·Î µÈ´Ù. 2009³â 5¿ù °³ÃÖµÈ Google I/O 2009 °³¹ßÀÚ ÄÜÆÛ·±½º¿¡¼ HTML5°¡ Â÷¼¼´ë À¥ Ç¥ÁØÀ¸·Î ÃßõµÊ¿¡ µû¶ó HTML5¿¡ ´ëÇÑ °ü½ÉÀÌ ³ô¾ÆÁ³´Ù. ¡ºHTML5 & APIÀÔ¹®¡»¿¡´Â À¥ µµÅ¥¸ÕÆ®»Ó¸¸ ¾Æ´Ï¶ó À¥ ¾ÖÇø®ÄÉÀ̼ÇÀ» ¸¸µé ¼ö ÀÖ´Â HTML5¿¡ »õ·Ó°Ô µµÀÔµÈ ¹æ´ëÇÑ ¾çÀÇ ±â´ÉÀ» ±ò²ûÇÏ°Ô Á¤¸®ÇÏ¿© ÀÌÇØÇϱ⠽±°í, °£°áÇÏ°Ô ¼³¸íµÇ¾î ÀÖ´Ù.
µ¿¿µ»ó Àç»ý, ¿Àµð¿À Àç»ý, ±×·¡ÇÈ Ã³¸®, ¹é±×¶ó¿îµå ó¸®, ¿ÀÇÁ¶óÀÎ ºê¶ó¿ìÀú, À¥ ½ºÅ丮Áö µî »õ·Î¿î ¿ä¼Ò¸¦ ÇöÀç »ç¿ëÇÒ ¼ö ÀÖ´Â ºê¶ó¿ìÀú¸¦ ÅëÇØ Á÷Á¢ ±¸ÇöÇÑ ¿¹Á¦¸¦ ´ã°í ÀÖ¾î Android, iPhoneÀ̳ª ¸®Ä¡ ÀÎÅÍ³Ý ¾ÖÇø®ÄÉÀ̼Ç(RIA)¿¡ °ü½É ÀÖ´Â µ¶ÀÚ¿¡°Ô À¯¿ëÇÑ Á¤º¸¸¦ Á¦°øÇÑ´Ù.

ÀúÀÚ : ½Ã¶óÀ̽à šœÆäÀÌ
Google °øÀÎ API Expert(HTML5)ÀÌ´Ù.1978³â 3¿ù»ýÀ¸·Î ¸´Äì´ëÇÐ °æÁ¦ÇкΠÁ¹¾÷ÇÏ¿´´Ù. Java EE ¿£Áö´Ï¾î, ÇÁ¸®·£¼ Å×Å©´ÏÄà ¶óÀÌÅ͸¦ °ÅÃÄ 2008³â 6¿ù ÁÖ½Äȸ»ç ¾ÆÀ¯Å¸¸¦ ¼³¸³ÇÏ¿´À¸¸ç ÇÁ¸®·£¼ ½ÃÀý ÀÍÈù Ajax Áö½ÄÀ» »ì·Á À¥ ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß ¾÷¹«¸¦ ´ã´çÇϰí ÀÖ´Ù. 2010³â 1¿ù ½ÃÁ¡¿¡´Â HTML5¸¦ Ȱ¿ëÇÑ »õ·Î¿î ºñÁî´Ï½º ¸ðµ¨À» È®¸³ÇϰíÀÚ ³ë·Â ÁßÀÌ´Ù. ÁÖ½Äȸ»ç ¾ÆÀ¯Å¸ÀÇ °æ¿µÀÚÀÌ¸é¼ HTML5 °³¹ßÀÚ Ä¿¹Â´ÏƼ 'HTML5-developers-jp' ¿î¿µÀÚ, Google API Expert(HTML5), Japan Java User Group °£»ç µîÀ¸·Î Ȱµ¿ ÁßÀÌ´Ù. Àú¼·Î´Â "Google Gears ½ºÅ¸Æ® °¡À̵å"(±â¼úÆò·Ð»ç)ÀÌ ÀÖ´Ù.
¿ªÀÚ : ¾Èµ¿Çö
¿¬¼¼´ëÇб³ ½É¸®Çаú Á¹¾÷ ÈÄ À¥ °³¹ß ÇÁ¸®·£¼·Î Ȱµ¿ÇÏ¿´À¸¸ç ÀÌÈÄ IT ¼Àû Àü¹® ÃâÆÇ»ç¿¡¼ µµ¼ ±âȹ ¾÷¹«¸¦ ´ã´çÇϰí ÀÖ´Ù.

HTML5ÀÇ Ã¹ ÇØ¼³¼!
2009³â 5¿ù °³ÃÖµÈ Google I/O 2009 °³¹ßÀÚ ÄÜÆÛ·±½º¿¡¼ HTML5°¡ Â÷¼¼´ë À¥ Ç¥ÁØÀ¸·Î ÃßõµÊ¿¡ µû¶ó HTML5¿¡ ´ëÇÑ °ü½ÉÀÌ ³ô¾ÆÁ³½À´Ï´Ù. HTML5ÀÇ µîÀåÀº À̶§±îÁö HTMLÀÌ ÀÎÅͳݿ¡ ³¢Ä£ ¿µÇâÀ» ¶Ù¾î³Ñ´Â ±Ùº»ÀûÀÎ º¯È¸¦ °¡Á®¿Ã °ÍÀ¸·Î ¿¹»óÇÕ´Ï´Ù. º¯ÈÀÇ ±âÀú¿¡´Â ¾î¶² °ÍÀÌ ÀÖ´ÂÁö´Â ÀÌ Ã¥ÀÇ ¸ñÂ÷¸¦ ÈÈ¾î º¸´Â °Í¸¸À¸·Îµµ ÃæºÐÇϸ®¶ó »ý°¢µË´Ï´Ù. À¥ µµÅ¥¸ÕÆ®»Ó¸¸ ¾Æ´Ï¶ó À¥ ¾ÖÇø®ÄÉÀ̼ÇÀ» ¸¸µé ¼ö ÀÖ´Â HTML5¿¡ »õ·Ó°Ô µµÀÔµÈ ¹æ´ëÇÑ ¾çÀÇ ±â´ÉÀ» ±ò²ûÇÏ°Ô Á¤¸®ÇÏ¿© ÀÌÇØÇϱ⠽±°í, °£°áÇÏ°Ô ¼³¸íÇÕ´Ï´Ù. µ¿¿µ»ó Àç»ý, ¿Àµð¿À Àç»ý, ±×·¡ÇÈ Ã³¸®, ¹é±×¶ó¿îµå ó¸®, ¿ÀÇÁ¶óÀÎ ºê¶ó¿ìÀú, À¥ ½ºÅ丮Áö µî »õ·Î¿î ¿ä¼Ò¸¦ ÇöÀç »ç¿ëÇÒ ¼ö ÀÖ´Â ºê¶ó¿ìÀú¸¦ ÅëÇØ Á÷Á¢ ±¸ÇöÇÑ ¿¹Á¦¸¦ ´ã°í ÀÖ¾î Android, iPhoneÀ̳ª ¸®Ä¡ ÀÎÅÍ³Ý ¾ÖÇø®ÄÉÀ̼Ç(RIA)¿¡ °ü½É ÀÖ´Â µ¶ÀÚ¿¡°Ô À¯¿ëÇÑ Á¤º¸¸¦ Á¦°øÇÕ´Ï´Ù.
- video/audio ¿ä¼Ò(µ¿¿µ»ó°ú À½¼º Àç»ý)
- canvas ¿ä¼Ò(ÀÚÀ¯·Î¿î 2D ±×·¡ÇÈ Ã³¸®)
- ¾ÖÇø®ÄÉÀÌ¼Ç Ä³½Ã(¿ÀÇÁ¶óÀο¡¼µµ ÀÛµ¿µÇ´Â ¾ÖÇø®ÄÉÀ̼Ç)
- Å©·Î½º µµÅ¥¸ÕÆ® ¸Þ½Ã¡, XMLHttpRequest Leve2 µî (µµ¸ÞÀÎ °£ÀÇ Åë½Å ±¸Çö)
- Web Storage, Web SQL Database, Indexed Database API (Ŭ¶óÀÌ¾ðÆ® Ãø¿¡ µ¥ÀÌÅ͸¦ ÀúÀå)
- Web Workers (¹é±×¶ó¿îµå ó¸® ¼öÇà)
- Server-Sent Events, Web Sockets (¼¹ö·ÎºÎÅÍÀÇ µ¥ÀÌÅÍ Çª½Ã³ª ¼¹ö¿ÍÀÇ ½Ö¹æÇâ Åë½Å ¼öÇà)
- File API (·ÎÄà ÆÄÀÏÀÇ ³»¿ëÀ» ÀоîµéÀÓ)
¸Á¼³ÀÌÁö ¸¶¼¼¿ä. HTML5 Áö±Ý ½ÃÀÛÇսôÙ!
HTML5¸¦ »ç¿ëÇÒ ¼ö ÀÖ´Â °ÍÀº 2022³â ÀÌÈÄ¿¡³ª °¡´ÉÇÏ´Ù´Â ¼Ò¹®ÀÌ ÆÛÁø ÀûÀÌ ÀÖ½À´Ï´Ù. 2022³âÀ̶ó´Â ¼ýÀÚ´Â ½ÇÁ¦WHATWG°¡ ¿¹»óÇÑ HTML5 »ç¾çÀÌ W3C ±Ç°í°¡ µÇ´Â ½Ã±âÀÔ´Ï´Ù. ±×·¸´Ù¸é, HTML5¸¦ »ç¿ëÇÏ´Â °ÍÀº ¸Õ ¹Ì·¡ÀÇ À̾߱Ⱑ ¾Æ´Ï³Ä°í »ý°¢ÇÏ½Ç ¼ö ÀÖ°ÚÁö¸¸ ±×·¸Áö ¾Ê½À´Ï´Ù. ±Ç°íµÉ ¶§±îÁö´Â Àû¾îµµ µÎ °³ ÀÌ»óÀÇ ½ÇÁ¦ ºê¶ó¿ìÀú°¡ ÇÊ¿äÇϹǷΠ±â´ÉÀÌ Àû¿ëµÈ ºê¶ó¿ìÀú¸¦ ÀÌ¿ëÇÒ ¼ö ÀÖ´Â °ÍÀº ±Ç°íº¸´Ù ¸ÕÀúÀÔ´Ï´Ù.
µ¡ºÙ¿© À̾߱âÇÑ´Ù¸é ¾ÖÇø®ÄÉÀ̼ÇÀÌ ´çÀå HTML5ÀÇ ¸ðµç ±â´ÉÀ» °®Ãâ ÇÊ¿ä´Â ¾ø½À´Ï´Ù. ¸î¸î ºê¶ó¿ìÀú´Â ÀÌ¹Ì HTML5ÀÇ ±â´ÉÀ» Àû¿ëÇÒ Áغñ¸¦ ÁøÇàÇϰí ÀÖ°í, Çö½ÃÁ¡¿¡¼µµ ÀÌ¿ëÇÒ ¼ö ÀÖ´Â ±â´ÉÀº ¸¹½À´Ï´Ù. °³¹ßÀÚÀÇ ¿ä±¸°¡ ¸¹Àº ±â´ÉÀº ºê¶ó¿ìÀú Á¦Á¶»çµéµµ ¾Õ´ÙÅõ¾î Àû¿ëÇϰí ÀÖÀ¸¹Ç·Î HTML5¸¦ ÀÌ¿ëÇÑ ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß ½Ã±â´Â »ý°¢º¸...HTML5ÀÇ Ã¹ ÇØ¼³¼!
2009³â 5¿ù °³ÃÖµÈ Google I/O 2009 °³¹ßÀÚ ÄÜÆÛ·±½º¿¡¼ HTML5°¡ Â÷¼¼´ë À¥ Ç¥ÁØÀ¸·Î ÃßõµÊ¿¡ µû¶ó HTML5¿¡ ´ëÇÑ °ü½ÉÀÌ ³ô¾ÆÁ³½À´Ï´Ù. HTML5ÀÇ µîÀåÀº À̶§±îÁö HTMLÀÌ ÀÎÅͳݿ¡ ³¢Ä£ ¿µÇâÀ» ¶Ù¾î³Ñ´Â ±Ùº»ÀûÀÎ º¯È¸¦ °¡Á®¿Ã °ÍÀ¸·Î ¿¹»óÇÕ´Ï´Ù. º¯ÈÀÇ ±âÀú¿¡´Â ¾î¶² °ÍÀÌ ÀÖ´ÂÁö´Â ÀÌ Ã¥ÀÇ ¸ñÂ÷¸¦ ÈÈ¾î º¸´Â °Í¸¸À¸·Îµµ ÃæºÐÇϸ®¶ó »ý°¢µË´Ï´Ù. À¥ µµÅ¥¸ÕÆ®»Ó¸¸ ¾Æ´Ï¶ó À¥ ¾ÖÇø®ÄÉÀ̼ÇÀ» ¸¸µé ¼ö ÀÖ´Â HTML5¿¡ »õ·Ó°Ô µµÀÔµÈ ¹æ´ëÇÑ ¾çÀÇ ±â´ÉÀ» ±ò²ûÇÏ°Ô Á¤¸®ÇÏ¿© ÀÌÇØÇϱ⠽±°í, °£°áÇÏ°Ô ¼³¸íÇÕ´Ï´Ù. µ¿¿µ»ó Àç»ý, ¿Àµð¿À Àç»ý, ±×·¡ÇÈ Ã³¸®, ¹é±×¶ó¿îµå ó¸®, ¿ÀÇÁ¶óÀÎ ºê¶ó¿ìÀú, À¥ ½ºÅ丮Áö µî »õ·Î¿î ¿ä¼Ò¸¦ ÇöÀç »ç¿ëÇÒ ¼ö ÀÖ´Â ºê¶ó¿ìÀú¸¦ ÅëÇØ Á÷Á¢ ±¸ÇöÇÑ ¿¹Á¦¸¦ ´ã°í ÀÖ¾î Android, iPhoneÀ̳ª ¸®Ä¡ ÀÎÅÍ³Ý ¾ÖÇø®ÄÉÀ̼Ç(RIA)¿¡ °ü½É ÀÖ´Â µ¶ÀÚ¿¡°Ô À¯¿ëÇÑ Á¤º¸¸¦ Á¦°øÇÕ´Ï´Ù.
- video/audio ¿ä¼Ò(µ¿¿µ»ó°ú À½¼º Àç»ý)
- canvas ¿ä¼Ò(ÀÚÀ¯·Î¿î 2D ±×·¡ÇÈ Ã³¸®)
- ¾ÖÇø®ÄÉÀÌ¼Ç Ä³½Ã(¿ÀÇÁ¶óÀο¡¼µµ ÀÛµ¿µÇ´Â ¾ÖÇø®ÄÉÀ̼Ç)
- Å©·Î½º µµÅ¥¸ÕÆ® ¸Þ½Ã¡, XMLHttpRequest Leve2 µî (µµ¸ÞÀÎ °£ÀÇ Åë½Å ±¸Çö)
- Web Storage, Web SQL Database, Indexed Database API (Ŭ¶óÀÌ¾ðÆ® Ãø¿¡ µ¥ÀÌÅ͸¦ ÀúÀå)
- Web Workers (¹é±×¶ó¿îµå ó¸® ¼öÇà)
- Server-Sent Events, Web Sockets (¼¹ö·ÎºÎÅÍÀÇ µ¥ÀÌÅÍ Çª½Ã³ª ¼¹ö¿ÍÀÇ ½Ö¹æÇâ Åë½Å ¼öÇà)
- File API (·ÎÄà ÆÄÀÏÀÇ ³»¿ëÀ» ÀоîµéÀÓ)
¸Á¼³ÀÌÁö ¸¶¼¼¿ä. HTML5 Áö±Ý ½ÃÀÛÇսôÙ!
HTML5¸¦ »ç¿ëÇÒ ¼ö ÀÖ´Â °ÍÀº 2022³â ÀÌÈÄ¿¡³ª °¡´ÉÇÏ´Ù´Â ¼Ò¹®ÀÌ ÆÛÁø ÀûÀÌ ÀÖ½À´Ï´Ù. 2022³âÀ̶ó´Â ¼ýÀÚ´Â ½ÇÁ¦WHATWG°¡ ¿¹»óÇÑ HTML5 »ç¾çÀÌ W3C ±Ç°í°¡ µÇ´Â ½Ã±âÀÔ´Ï´Ù. ±×·¸´Ù¸é, HTML5¸¦ »ç¿ëÇÏ´Â °ÍÀº ¸Õ ¹Ì·¡ÀÇ À̾߱Ⱑ ¾Æ´Ï³Ä°í »ý°¢ÇÏ½Ç ¼ö ÀÖ°ÚÁö¸¸ ±×·¸Áö ¾Ê½À´Ï´Ù. ±Ç°íµÉ ¶§±îÁö´Â Àû¾îµµ µÎ °³ ÀÌ»óÀÇ ½ÇÁ¦ ºê¶ó¿ìÀú°¡ ÇÊ¿äÇϹǷΠ±â´ÉÀÌ Àû¿ëµÈ ºê¶ó¿ìÀú¸¦ ÀÌ¿ëÇÒ ¼ö ÀÖ´Â °ÍÀº ±Ç°íº¸´Ù ¸ÕÀúÀÔ´Ï´Ù.
µ¡ºÙ¿© À̾߱âÇÑ´Ù¸é ¾ÖÇø®ÄÉÀ̼ÇÀÌ ´çÀå HTML5ÀÇ ¸ðµç ±â´ÉÀ» °®Ãâ ÇÊ¿ä´Â ¾ø½À´Ï´Ù. ¸î¸î ºê¶ó¿ìÀú´Â ÀÌ¹Ì HTML5ÀÇ ±â´ÉÀ» Àû¿ëÇÒ Áغñ¸¦ ÁøÇàÇϰí ÀÖ°í, Çö½ÃÁ¡¿¡¼µµ ÀÌ¿ëÇÒ ¼ö ÀÖ´Â ±â´ÉÀº ¸¹½À´Ï´Ù. °³¹ßÀÚÀÇ ¿ä±¸°¡ ¸¹Àº ±â´ÉÀº ºê¶ó¿ìÀú Á¦Á¶»çµéµµ ¾Õ´ÙÅõ¾î Àû¿ëÇϰí ÀÖÀ¸¹Ç·Î HTML5¸¦ ÀÌ¿ëÇÑ ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß ½Ã±â´Â »ý°¢º¸´Ù ºü¸¦ °ÍÀÔ´Ï´Ù. ±×¸®°í Áö±Ý ´çÀå HTML5¸¦ »ç¿ëÇÒ ¼ö ÀÖ´Ù´Â °·ÂÇÑ Áõ°Å´Â ¹Ù·Î ÀÌ Ã¥ÀÔ´Ï´Ù. ÀÌ Ã¥¿¡¼ ´Ù·ç´Â ³»¿ë ´ëºÎºÐÀº ½ÇÁ¦ ºê¶ó¿ìÀú¿¡ ½ÇÇàÇÒ ¼ö ÀÖ½À´Ï´Ù.