ÄÁÅÙÃ÷»ó¼¼º¸±â

<100ÂÊÀ¸·Î Àд IT 10> HTML5
<100ÂÊÀ¸·Î Àд IT 10> HTML5
  • ÀúÀÚÀÌÁØÇÏ
  • ÃâÆÇ»çeºñÁîºÏ½º
  • ÃâÆÇÀÏ2012-07-03
  • µî·ÏÀÏ2013-02-26
º¸À¯ 1, ´ëÃâ 0, ¿¹¾à 0, ´©Àû´ëÃâ 3, ´©Àû¿¹¾à 0

Ã¥¼Ò°³

´ç½ÅÀÌ ¾Ë°í ÀÖ´ø ÀÎÅͳÝÀº ÀÌÁ¦ ¹Ù²ï´Ù

Æ÷½ºÆ®PC ½Ã´ë, HTML5·Î Àд ÀÎÅÍ³Ý Æ®·»µå



- ½ºÆ¼ºê À⽺´Â ¿Ö Ç÷¡½Ã ´ë½Å HTML5¸¦ ¼±ÅÃÇßÀ»±î?

- À¥Ç¥ÁØÀº ¹«¾ùÀÌ°í ¿Ö ÁÖ¸ñ¹Þ°í Àִ°¡?

- ¸ð¹ÙÀÏ À¥, ³×ÀÌƼºê ¾Û, ÇÏÀ̺긮µå ¾ÛÀÇ Â÷ÀÌ´Â ¹«¾ùÀΰ¡?

- 15°¡Áö Áú¹®À¸·Î ¾Ë¾Æº¸´Â ¸ð¹ÙÀÏ ½Ã´ëÀÇ Çʼö Áö½Ä



HTML5ÀÇ µîÀå ¹è°æ°ú ÇöÁÖ¼Ò, ±×¸®°í Àü¸Á±îÁö ÇÑ ±Ç¿¡ ´ãÀº Ã¥.




¾ÆÀÌÆе尡 ±¹³» Ãâ½ÃµÉ ´ç½Ã ÀÚ»ç »çÀÌÆ®°¡ Á¦´ë·Î º¸ÀÌÁö ¾Ê¾Æ ´çȲÇÑ ÀÓ¿øµéÀÌ ¸¹¾Ò´Ù. ¿øÀÎÀº ±¹³» »çÀÌÆ®¿¡ ¸¸¿¬ÇÑ Ç÷¡½Ã ÄÜÅÙÃ÷°¡ ¾ÖÇà ±â±â¿¡¼­´Â Áö¿øµÇÁö ¾Ê±â ¶§¹®À̾ú´Ù. ½ºÆ¼ºê À⽺´Â Ç÷¡½Ã°¡ ¸ð¹ÙÀÏ ±â±â¿¡ ³Ê¹« ¹«°Ì´Ù¸ç HTML5ÀÇ ½Â¸®¸¦ Àü¸ÁÇß´Ù. ÀÌÈÄ ¾îµµºñ´Â ¸ð¹ÙÀÏ ºÐ¾ß¿¡¼­ Ç÷¡½Ã °³¹ßÀ» Áß´ÜÇÏ°í HTML5¿¡ ÁÖ·ÂÇÒ °ÍÀ̶ó°í ¹ßÇ¥ÇÏ¿© À⽺°¡ ¿Ç¾ÒÀ½À» Áõ¸íÇÑ´Ù.

¸ð¹ÙÀÏ ½Ã´ë¿¡ HTML5°¡ ÁÖ¸ñ¹Þ´Â ÀÌÀ¯´Â Ç÷¡½Ã °°Àº º°µµ Ç÷¯±×ÀÎÀ» ¼³Ä¡ÇÒ ÇÊ¿ä ¾øÀÌ ½±°í ÆíÇÏ°Ô À¥À» ÀÌ¿ëÇÒ ¼ö ÀÖ°Ô ÇØÁֱ⠶§¹®ÀÌ´Ù. ¶Ç HTML5¸¦ ÀÌ¿ëÇÏ¸é ¸ð¹ÙÀÏ Ç÷§Æûº° ȣȯ¼º ¹®Á¦¸¦ ±Øº¹ÇÏ°í »ç¿ëÀÚ¿¡°Ô ÀÏ°üµÈ °æÇèÀ» Á¦°øÇÒ ¼ö ÀÖ´Ù.

ÀÌ Ã¥Àº HTML5°¡ ¹«¾ùÀÌ°í ¾î´À ´Ü°è±îÁö ¿Ô´ÂÁö 15°¡Áö Áú¹®À» È­µÎ·Î »ï¾Æ Çٽɸ¸ °£°áÇÏ°Ô Á¤¸®ÇÏ¿´´Ù. À¥ÀÇ ¹Ì·¡¸¦ Àü¸ÁÇÏ°í HTML5°¡ °¡Á®¿Ã Æı޷¿¡ ´ëÇØ ÅëÂûÀ» Áִ å.





½ºÆ¼ºê À⽺, Ç÷¡½Ã¸¦ Æ÷±âÇÏ°í HTML5¸¦ ¼±ÅÃÇÏ´Ù



¾ÆÀÌÆе尡 µîÀåÇÑ ÈÄ ÀÚ»ç À¥»çÀÌÆ®¿¡ Á¢¼Ó ÇÑ ¸¹Àº ±â¾÷ ÀÓ¿øµéÀº ´çȲÇß´Ù. ¸ÖÂÄÈ÷ º¸ÀÌ´ø À¥»çÀÌÆ®°¡ ¾ÆÀÌÆе忡¼­´Â Á¦´ë·Î º¸ÀÌÁö ¾Ê¾Ò±â ¶§¹®ÀÌ´Ù. ¿øÀÎÀº À¥»çÀÌÆ® °÷°÷¿¡ »ç¿ëµÈ Ç÷¡½Ã ÄÜÅÙÃ÷¿´´Ù. ¾îµµºñ Ç÷¡½Ã´Â 1996³â Ãâ½Ã ÀÌ·¡ À¥À» dzºÎÇÑ °ø°£À¸·Î ¸¸µå´Â µ¥ ±â¿©Çß°í ÀÚ¿¬½º·´°Ô ÀÎÅͳÝÀÇ ÀϺηΠ¹Þ¾Æµé¿©Á³´Ù.



ÇÏÁö¸¸ ¾ÖÇÃÀÌ Ç÷¡½Ã¸¦ Áö¿øÇÏÁö ¾Ê°Ú´Ù´Â Àǻ縦 ¹àÈ÷¸é¼­ »çÁ¤ÀÌ ´Þ¶óÁ³´Ù. ½ºÆ¼ºê À⽺´Â 2010³â 4¿ù ¾ÆÀÌÆù, ¾ÆÀÌÆÐµå µî ¾ÖÇà ±â±â¿¡¼­ ¾îµµºñ Ç÷¡½Ã¸¦ Áö¿øÇÏÁö ¾Ê°Ú´Ù´Â Àǻ縦 ºÐ¸íÈ÷ ¹àÇû´Ù. À⽺´Â Ç÷¡½Ã ´ë½Å °³¹æ Ç¥ÁØÀÎ HTML5ÀÇ ÀåÁ¡À» ºÎ°¢ÇÏ¸ç ¸ð¹ÙÀÏ¿¡¼­ ½Â¸®ÇÒ °ÍÀ̶ó°í Àü¸ÁÇß´Ù. ¾îµµºñ´Â Ç÷¡½Ã°¡ ¸ð¹ÙÀÏ ±â±â¿¡ ºÎÀûÇÕÇÏ´Ù´Â À⽺ÀÇ ÁÖÀåÀ» ¹Ý¹ÚÇÏ°í ³ª¼¹Áö¸¸, À⽺ »ç¸Á ÇÑ ´Þ µÚÀÎ 2011³â 11¿ù ¸ð¹ÙÀÏ ºÐ¾ß¿¡¼­ Ç÷¡½Ã Ç÷¹ÀÌ¾î °³¹ßÀ» Áß´ÜÇÏ°í HTML5¿¡ ÁÖ·ÂÇÒ °ÍÀ̶ó°í ¹ßÇ¥ÇÏ¿© À⽺°¡ ¿Ç¾ÒÀ½À» Áõ¸íÇÑ´Ù.



ÇѶ§ Çù·Â»ç¿´´ø ¾îµµºñ¸¦ Àú¹ö¸®¸é¼­±îÁö ½ºÆ¼ºê À⽺°¡ Ç÷¡½Ã¸¦ Æ÷±âÇÏ°í HTML5¸¦ ´ë¾ÈÀ¸·Î ¼±ÅÃÇÑ ÀÌÀ¯´Â °ú¿¬ ¹«¾ùÀϱî? ´ëü HTML5°¡ ¹«¾ùÀ̱淡 ¸ð¹ÙÀÏ¿¡¼­ HTML5°¡ Áß¿äÇÏ´Ù°í ÇÏ´Â °ÍÀϱî?





HTML5¶ó´Â À¥Ç¥ÁØÀº ¹«¾ùÀÌ°í ¿Ö ÁÖ¸ñ¹Þ°í Àִ°¡?



HTML5´Â À¥»çÀÌÆ®¸¦ ¸¸µå´Â µ¥ »ç¿ëµÇ´Â À¥Ç¥ÁØ HTML4ÀÇ Â÷±â ±Ç°í¾ÈÀÌ´Ù. ÇöÇà À¥Ç¥ÁØÀÎ HTML4´Â 1999³â¿¡ µîÀåÇßÁö¸¸, Áö¿øÇÏ´Â ±â¼úÀÌ Çù¼ÒÇÑ HTML4¸¸À¸·Î´Â ÀÎÅÍ³Ý ¼­ºñ½º¿¡ ´ëÇÑ ´Ù¾çÇÑ ´ÏÁ ÃæÁ·ÇÒ ¼ö ¾ø¾ú´Ù. ÀÌ¿¡ »ç¿ëÀÚÀÇ ¿ä±¸¸¦ ¸¸Á·½ÃŲ Ç÷¡½Ã, ¾×ƼºêX µî Ç÷¯±×ÀÎ ±â¼úÀÌ Ç¥ÁØÀ» ¹«½ÃÇÏ°í ÀÎÅͳÝÀ» Áö¹èÇϱ⠽ÃÀÛÇß´Ù.



2007³â ÀÌ ¹®Á¦¸¦ ÀνÄÇÑ ºñ¿µ¸® ±â±¸ W3CÀÇ ÁÖµµ ¾Æ·¡ HTML5ÀÇ Ç¥ÁØ¾È ÀÛ¾÷ÀÌ ½ÃÀ۵ȴÙ. ¿©±â¿¡ ½º¸¶Æ®Æù º¸±ÞÀÌ ±ÞÁõÇϸç À¥°ú ¾ÛÀÇ °æ°è°¡ Çã¹°¾îÁö´Â Ãß¼¼ ¼Ó¿¡ HTML5´Â ´õ¿í ÁÖ¸ñÀ» ¹Þ°Ô µÈ´Ù. ¸ð¹ÙÀÏ Ç÷§ÆûÀº ¾Èµå·ÎÀ̵å, iOS, À©µµ¿ì ¸ð¹ÙÀÏ µîÀ¸·Î »ç¿ëÀÚÃþÀÌ ¸Å¿ì ´Ù¾çÇѵ¥, ÀÌ ¸ðµç Ç÷§Æû¿¡¼­ µ¿ÀÏÇÏ°Ô ÀÛµ¿ÇÏ´Â ¾ÛÀ» Á¦ÀÛÇÏ´Â °ÍÀº »ç½Ç»ó ºÒ°¡´ÉÇÏ´Ù. ±×·¯³ª À¥Ç¥ÁØÀÎ HTML5¸¦ ÀÌ¿ëÇÏ¿© Á¦ÀÛÇÑ ÄÜÅÙÃ÷´Â À¥ºê¶ó¿ìÀú·Î 󸮰¡ °¡´ÉÇϹǷΠÇ÷§Æûº° ȣȯ¼º ¹®Á¦¿¡¼­ ÀÚÀ¯·Ó´Ù. À¥°ú ¾ÛÀÇ ÀåÁ¡À» ÇÕÃijõÀº ÇÏÀ̺긮µå ¾ÛÀ» ÅëÇØ »ç¿ëÀÚ¿¡°Ô ÀÏ°üµÈ °æÇèÀ» Á¦°øÇÒ ¼ö ÀÖ´Ù.

HTML5´Â ±âÁ¸ÀÇ ³«ÈÄµÈ À¥ ±â¼úÀ» »õ·Î¿î ½Ã´ë¿¡ ¸Â°Ô Àü¹ÝÀûÀ¸·Î »óÇâ Ç¥ÁØÈ­ÇÏ·Á´Â ½ÃµµÀÌ´Ù. Àå±âÀûÀ¸·Î º¼ ¶§ HTML5°¡ Æ÷½ºÆ®PC ½Ã´ëÀÇ »õ·Î¿î Ç¥ÁØÀ¸·Î ÀÚ¸® ÀâÀ¸¸®¶ó´Â »ç½ÇÀº ºÐ¸íÇÏ´Ù.





15°¡Áö Áú¹®À¸·Î ¾Ë¾Æº¸´Â ¸ð¹ÙÀÏ ½Ã´ëÀÇ Çʼö Áö½Ä



ÀÌ Ã¥Àº Â÷¼¼´ë À¥Ç¥ÁØÀÎ HTML5°¡ µîÀåÇÏ°Ô µÈ ¹è°æ¿¡¼­ ½ÃÀÛÇÏ¿©, HTML5°¡ ¹«¾ùÀÌ°í ÇöÀç ¾î´À ´Ü°è±îÁö ¿Í ÀÖ´ÂÁö, ±×¸®°í ´Ù¾çÇÑ »ç·Ê ¹× Àü¸Á±îÁö ÇÑ ±Ç¿¡ ´ã¾Ò´Ù. ¡°¾ÆÀÌÆе忡¼­ ¿Ö ¿ì¸® À¥»çÀÌÆ®°¡ ¾È º¸ÀÌÁö?¡±, ¡°ÇÏÀ̺긮µå ¾ÛÀº ¹º°¡¿ä?¡±, ¡°¾ÆÀÌÆе忡¼­µµ Àΰ­À» µéÀ» ¼ö ÀÖ³ª¿ä?¡± µî ÀÏ¹Ý »ç¿ëÀÚ ÀÔÀåÀÇ 15°¡Áö Áú¹®À» È­µÎ·Î »ï¾Æ HTML5¿¡ °üÇÑ ¸ð¹ÙÀÏ ½Ã´ëÀÇ Çʼö Áö½ÄÀ» Çٽɸ¸ °£°áÇÏ°Ô Á¤¸®Çß´Ù.

½º¸¶Æ®Æù°ú ÅÂºí¸´ÀÇ µîÀåÀ¸·Î Æ÷½ºÆ®PC ½Ã´ë°¡ ¿­¸®¸®¶ó´Â ¿¹ÃøÀÌ ¼Ó¼Ó ³ª¿À°í ÀÖ´Ù. ºñ´Ü IT ºÐ¾ß¿¡ Á¾»çÇÏÁö ¾Ê´õ¶óµµ ÀÌ Ã¥À» ÅëÇØ Æ÷½ºÆ®PC ½Ã´ë À¥ÀÇ ¹Ì·¡¸¦ Àü¸ÁÇÏ°í, ÀÌ·¯ÇÑ º¯È­ÀÇ ÇÑ°¡¿îµ¥¿¡ ÀÖ´Â HTML5°¡ °¡Á®¿Ã Æı޷¿¡ ´ëÇØ ÅëÂûÀ» ¾òÀ» ¼ö ÀÖÀ» °ÍÀÌ´Ù

ÀúÀÚ¼Ò°³

ÀÌÁØÇÏ



¢ßÅõºñ¼ÒÇÁÆ® ±â¼úµµÅ¥¸ÕÆ®ÆÀÀå. °³¹ßÀÚµéÀÇ ÇູÇÑ »îÀ» À§ÇØ ³ë·ÂÇÏ°í ÀÖ´Ù. ¡®¿­ÀÌ ¾ÆºüÀÇ RIA À̾߱â(koko8829.tistory.com)¡¯ ºí·Î±×¸¦ ÅëÇØ ´Ù¾çÇÑ ½Ã°¢À» ³ª´©°í »õ·Î¿î °æÇèÀ» Áß½ÉÀ¸·Î ³ªÅ¸³ª´Â ¿©·¯ °¡Áö Çö»óÀ» Å½±¸ÇÏ°í ÀÖ´Ù. ÃÖ±Ù¿¡´Â ±â¾÷ È¯°æ¿¡ ÃÖÀûÈ­µÈ RIA ¼Ö·ç¼ÇÀ» °í¹ÎÇϸç ÆäÀ̽ººÏ ÆäÀÌÁö ¡®BizRIA(facebook.com/BizRIA)¡¯¿¡¼­ ´Ù¾çÇÑ ÀλçÀÌÆ®¸¦ °øÀ¯Çϴ µ¥ °ü½ÉÀÌ ¸¹´Ù. ¿Å±ä Ã¥À¸·Î ¡º°³¹ßÀÚ, À¥ µðÀÚÀο¡ ¶Ù¾îµé´Ù¡» µîÀÌ ÀÖ´Ù. 

¸ñÂ÷

1. HTML5ÀÇ µîÀå ¹è°æ

¾ÆÀÌÆе忡¼­ ¿Ö ¿ì¸® À¥»çÀÌÆ®°¡ ¾È º¸ÀÌÁö?

¾×ƼºêX°¡ ÅðÃâµÇ¾î¾ß ÇÑ´Ù´øµ¥?

ÀÎÅͳݠ¹ðÅ·, ½±°Ô ÇÒ ¼ö ¾ø³ª¿ä? 

HTML5°¡ ³ª¿À±â Àü¿¡´Â ¸ð¹ÙÀÏ À¥ÀÌ ¾ø¾ú³ª¿ä?



2. HTML5¶õ ¹«¾ùÀΰ¡?

HTML5´Â ´©°¡ ¸¸µå³ª¿ä?

HTML5´Â »óÇ¥Àΰ¡¿ä?

ĵ¹ö½º°¡ ¹º°¡¿ä?

ÇÏÀ̺긮µå ¾ÛÀº ¹º°¡¿ä?

HTML5 »çÀÌÆ®°¡ ³» PC¿¡¼­´Â º¸ÀÌÁö ¾Ê¾Æ¿ä

ÀÎÅͳݠÀͽºÇ÷η¯ 6À» ¾÷µ¥ÀÌÆ®Ç϶ó´Â ÀÌÀ¯´Â?



3. HTML5ÀÇ È°¿ë »ç·Ê¿Í ¹Ì·¡

¾ÆÀÌÆе忡¼­ °ÔÀÓÀ» ¼³Ä¡ÇÏÁö ¾Ê°í Áñ±æ ¼ö ÀÖ³ª¿ä?

HTML5 ºñµð¿Àµµ ¹Ýº¹Àç»ýÀ» ÇÒ ¼ö ÀÖÀ»±î¿ä?

¾ÆÀÌÆе忡¼­µµ Àΰ­À» µéÀ» ¼ö ÀÖ³ª¿ä?

űנ¾øÀÌ »ç¹°À» ÀνÄÇÒ ¼ö ÀÖ³ª¿ä?

À¥ºê¶ó¿ìÀú¸¸ Àִ ÄÄÇ»ÅÍ°¡ ÀÖ´Ù°í¿ä?



¸ÎÀ½¸» 

ÇÑÁÙ ¼­Æò