µðÁöÅПÀÓ½º

 


Å丶Åä½Ã½ºÅÛ, ĵ¹ö½º±â¼ú·Î È®À塤ÆíÀ̼º `¾÷`

ÇÁ¸°Æ® ÆäÀ̽ººÏ Æ®À§ÅÍ Ä«Ä«¿À½ºÅ丮
Å丶Åä½Ã½ºÅÛ, ĵ¹ö½º±â¼ú·Î È®À塤ÆíÀ̼º `¾÷`

¡á 2015 È÷Æ®»óÇ° °í°´¸¸Á·

Å丶Åä½Ã½ºÅÛ(´ëÇ¥ ÀÌ»óµ·)ÀÇ HTML5 ĵ¹ö½º ±â¹Ý UI°³¹ßÅø '¿¢½ººô´õ5(eXbuilder5)'´Â dzºÎÇÑ È­¸é°ú ºü¸¥ °³¹ß »ý»ê¼ºÀ» º¸ÀåÇÏ´Â UI¡¤UX ¼Ö·ç¼ÇÀÌ´Ù. ½ÅÁ¦Ç°Àº ÀÌÀü ¹öÀü(eXbuilder3)ÀÇ ¾ÈÁ¤¼º, °³¹ß »ý»ê¼º µîÀ» ±â¹ÝÀ¸·Î HTML5 »ç¾çÀ» Ãß°¡ÇÑ Á¦Ç°À¸·Î ´Ù¼öÀÇ °ø±Þ »ç·Ê, ÇÁ·¹ÀÓ¿÷ ¿¬°è»ç·Ê, Ÿ»ç ¼Ö·ç¼Ç°ú ¿¬µ¿À» ÅëÇØ È®À强, »ý»ê¼º, ¿î¿µ ÆíÀ̼º µîÀ» °ËÁõÇß´Ù.


ƯÈ÷ ÀÌ Á¦Ç°ÀÇ Çٽɱâ¼úÀÎ 'ĵ¹ö½º(Canvas)'´Â HTML5 ±¸¼º¿ä¼Ò Áß Çϳª·Î À̹ÌÁö ÇÁ·Î¼¼½ÌÀÌ °¡´ÉÇÏ¸ç µ¿ÀûÀÎ ±×·¡ÇÈ ·»´õ¸µÀ» ½ºÅ©¸³Æ®·Î Á¦¾îÇÒ ¼ö ÀÖ´Â µî È­·ÁÇÑ È­¸éÀ» Á¦°øÇÒ ¼ö ÀÖ´Â °ÍÀÌ Æ¯Â¡ÀÌ´Ù. ¿¢½ººô´õ5´Â ĵ¹ö½º ±â¼úÀ» ÀÌ¿ëÇØ ÀÚÀ¯·Î¿î ½ºÅ¸ÀÏ·Î È­¸é Ç¥ÇöÀÌ °¡´ÉÇÏ¸ç ¾î¶² ºê¶ó¿ìÀú³ª ¾î¶² ±â±â¿¡¼­µµ µ¿ÀÏÇÑ °á°ú¹°À» º¸ÀåÇÑ´Ù. ¶ÇÇÑ DOMÀ» ºü¸£°Ô °»½ÅÇÒ ¶§ ³ªÅ¸³µ´ø ½É°¢ÇÑ ¼º´ÉÀúÇϸ¦ ÇØ°á, DOM(Document Object Model) ±¸Á¶¸¦ Å»ÇÇÇØ HTMLÀÇ ±Ùº»ÀûÀÎ ¾àÁ¡À» Á¦°ÅÇß´Ù.
ÀÌ·± ĵ¹ö½º Ư¼ºÀ¸·Î ÀÎÇØ ¿¢½ººô´õ5´Â ƯÁ¤ ű׸¦ ã¾Æ ½ºÅ©¸³Æ®·Î °ªÀ» º¯Á¶ÇØ °ø°ÝÇÏ´Â XSS°ø°ÝÆÐÅÏÀ¸·ÎºÎÅÍ ¾ÈÀüÇϸç, ÀÚü À¥ ±¸°£ ¾Ïȣȭ ¹× ¼Ò½º ¾Ïȣȭ ±â¼ú·Î ÇØÄ¿ °ø°ÝÀ» ¿øõÀûÀ¸·Î Â÷´ÜÇÏ´Â µî º¸¾ÈÀÌ ÇÑÃþ °­È­µÆ´Ù. ¿¢½ººô´õ5ÀÇ ÀåÁ¡Àº ¾Ö´Ï¸ÞÀ̼ÇÀÌ´Ù. È­·ÁÇÑ ÄÁÅÙÃ÷¸¦ ¼Õ½±°í ºü¸£°Ô °³¹ßÇÒ ¼ö ÀÖ°í, Ç¥Çöµµ ´Ù¾çÇØ È­¸é±¸¼º¿¡ Àç¹Ì¸¦ °¡ÇÒ ¼ö ÀÖ´Ù. °³¹ßÀÚ´Â º°µµÀÇ Æ¯º°ÇÑ ±â¼úÀ̳ª Ç÷¯±×ÀÎ ¾øÀ̵µ Ç÷¡½Ã °°Àº ¿ªµ¿ÀûÀÎ È­¸éÀ» Ç¥ÇöÇÒ ¼ö ÀÖ´Ù. ƯÈ÷, ºñÁî´Ï½º ¾÷¹« È­¸é¿¡ µ¿ÀûÀÎ ¿ä¼Ò¸¦ ÷°¡ÇØ ¿ªµ¿ÀûÀÎ È­¸éÀ» ±¸¼º, ´ë½Ãº¸µå¿Í °°Àº È­¸é ±¸¼º¿¡ Ź¿ùÇÑ ¼º´ÉÀÌ ¹ßÈֵȴÙ.

ÀÌ ¹Û¿¡µµ ´Ù¾çÇÑ Æ÷¸ËÀ» Áö¿øÇÏ´Â ±×¸®µå, ÃÖÀûÀÇ È­¸éÀ» À籸¼º ÇÒ ¼ö ÀÖ´Â ¹ÝÀÀÇü À¥, ¹Ýº¹ÀûÀÎ ÄÚµùÀ» ÁÙÀ̱â À§ÇÑ ÅÛÇø´, 30¿©°¡Áö ÀÌ»óÀÇ Ç³ºÎÇÑ UI ÄÜÆ®·Ñ, ´Ù±¹¾î Áö¿ø, ÇÏÀ̺긮µå ½º¸¶Æ® ºä¾î µî UIÈ­¸éÀ» È¿À²ÀûÀ¸·Î °³¹ß, ¿î¿µÇϱâ À§ÇÑ ±â´ÉÀ» Áö¿øÇÑ´Ù.

ÀÌ»óµ· Å丶Åä½Ã½ºÅÛ ´ëÇ¥´Â "¿¢½ººô´õ5´Â °³¹ßÀÚµéÀÌ ½±°í Æí¸®ÇÏ°Ô »ç¿ëÇÒ ¼ö ÀÖÀ¸¸ç È­·ÁÇÏ°í °í±Þ½º·¯¿î UI¸¦ ±¸ÇöÇÒ ¼ö ÀÖ´Â Á¦Ç°ÀÌ´Ù"¸ç "ÇϳªÀÇ ¼Ò½º·Î HTML5 ĵ¹ö½º ±â¹ÝÀÇ Ç¥ÁØ À¥°ú ¾×ƼºêX¹öÀüÀ» ÀüȯÇÏ¸ç »ç¿ëÇÒ ¼ö ÀÖ´Ù"°í ¸»Çß´Ù.


ÀÌÇü±Ù±âÀÚ bass007@dt.co.kr ¢ºÀÌÇü±Ù±âÀÚÀÇ ºí·Î±× ¹Ù·Î°¡±â







[ ÀúÀÛ±ÇÀÚ ¨ÏµðÁöÅПÀÓ½º, ¹«´Ü ÀüÀç ¹× Àç¹èÆ÷ ±ÝÁö ]