13-1-1.¶óÀ̺귯¸®

ÀÚ¹Ù½ºÅ©¸³Æ®´Â ¸í½Ç°øÈ÷ HTML5ÀÇ °ø½Ä ½ºÅ©¸³Æ® ¾ð¾îÀÌ´Ù. ±¸Á¶¿Í ¸ð¾çÀ» Ç¥ÇöÇÏ´Â HTML, CSS¿Í ÇÔ²² »ç¿ëµÇ¸ç µ¿ÀÛÀ» ó¸®ÇÒ ¼ö ÀÖ´Â À¯ÀÏÇÑ ¹æ¹ýÀ̱⵵ ÇÏ´Ù. ÇÏÁö¸¸ »ç¿ëÇϱ⠾î·Æ°í ÆíÀǼºÀÌ ¶³¾îÁö¸ç ºê¶ó¿ìÀú¸¶´Ù ±¸Çö ¹æ½ÄÀÌ Á¶±Ý¾¿ ´Þ¶ó ȣȯ¼ºÀÌ ÁÁÁö ¸øÇÏ´Ù. ƯÈ÷ DOM°ú À̺¥Æ® ó¸® ¹æ½ÄÀÌ ºê¶ó¿ìÀúº°·Î °íÀ¯Çؼ­ ÅëÀÏµÈ ±¸¹®À» ¾²±â ¾î·Æ´Ù´Â °ï¶õÇÑ ¹®Á¦°¡ ÀÖ´Ù.

ÀÌ·± °æ¿ìÀÇ ÀϹÝÀûÀÎ ÇعýÀº ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ Á÷Á¢ »ç¿ëÇÏÁö ¾Ê°í ¶óÀ̺귯¸®·Î ÇÑ ²¨Ç® °¨½Î´Â °ÍÀÌ´Ù. ÀÚÁÖ »ç¿ëÇÏ´Â ±â´ÉÀ» ¶óÀ̺귯¸® ÇÔ¼ö·Î ÀÛ¼ºÇØ ³õÀ¸¸é È£Ã⸸À¸·Î °£ÆíÇÏ°Ô ±â´ÉÀ» ±¸ÇöÇÒ ¼ö ÀÖ¾î ÆíÀǼºÀÌ Áõ°¡ÇÑ´Ù. »ç½Ç À¥ ÆäÀÌÁö¸¦ Á¶ÀÛÇÏ´Â ÀÛ¾÷À̶ó´Â °ÍÀÌ »·ÇÏ°í ´©°¡ ÇÏ´õ¶óµµ ¶È°°Àº ÀýÂ÷¸¦ °ÅÄ¥ ¼ö¹Û¿¡ ¾ø´Ù. ÀÚÁÖ ¾²´Â ±â´ÉÀÌ Á¤ÇØÁ® ÀÖ°í º¯È­ÀÇ ÆøÀÌ À۾Ƽ­ Çѹø¸¸ Àß ±¸ÃàÇØ ³õÀ¸¸é µÎ°í µÎ°í Àç»ç¿ëÇÒ ¼ö ÀÖ´Ù.

¶Ç ¶óÀ̺귯¸®´Â ºê¶ó¿ìÀúº° Â÷ÀÌÁ¡À» Èí¼öÇÏ¿© Ãß»óÃþÀ» Á¦°øÇÏ´Â ¿ªÇÒÀ» ÇÑ´Ù. ȣȯ¼º ¹®Á¦´Â ±²ÀåÈ÷ °ñÄ¡ ¾ÆÆļ­ ¸Å¹ø Á¶°Ç¹®À» ÅëÇØ ºê¶ó¿ìÀú¸¦ ÆǺ°ÇÏ°í ÀûÇÕÇÑ Äڵ带 ÀÛ¼ºÇØ¾ß Çϴµ¥ ÀÌ´Â ºê¶ó¿ìÀú°¡ Çϳª·Î ÅëÀϵÇÁö ¾Ê´Â ÇÑ ¾ÕÀ¸·Îµµ ¾î¿ ¼ö ¾ø´Â ÀÏÀ̸ç Áö±Ý±îÁö °³¹ßÀÚµéÀº ÀÌ·± Äڵ带 ÀÛ¼ºÇØ ¿Ô´Ù. ÇÏÁö¸¸ ±× ºÎ´ãÀ» Áß°£ÀÇ ¶óÀ̺귯¸®°¡ ´ë½ÅÇØ ÁØ´Ù¸é °³¹ßÀÚ´Â ´õ ÀÌ»ó ½Å°æ¾²Áö ¾Ê¾Æµµ µÈ´Ù.

ºê¶ó¿ìÀú Á¾·ù¸¦ ÆǺ°ÇÏ´Â ÁöÀúºÐÇÑ Á¶°Ç¹®ÀÌ ¶óÀ̺귯¸® ¾ÈÀ¸·Î µé¾î°¡¹Ç·Î »ç¿ëÀÚ ÄÚµå´Â ¶óÀ̺귯¸®ÀÇ ¸Þ¼­µå¸¸ È£ÃâÇÏ¸é ¿øÇÏ´Â °ÍÀ» Á¤È®ÇÏ°Ô ½ÇÇàÇÒ ¼ö ÀÖ´Ù. ¶óÀ̺귯¸® ¾È¿¡¼­ ¸¶¹ý°úµµ °°Àº ÀÏÀÌ ¹ú¾îÁö´Â °Í °°Áö¸¸ ¿ø¸®´Â ±²ÀåÈ÷ ´Ü¼øÇÏ´Ù. ºê¶ó¿ìÀúº°·Î ±â´ÉÀÇ Â÷ÀÌ°¡ ÀÖÁö¸¸ »ç½Ç ÀÌÂÊ ºê¶ó¿ìÀú¿¡ ÀÖ´Â ±â´ÉÀº ÀúÂÊ ºê¶ó¿ìÀú¿¡µµ ¹Ýµå½Ã ÀÖ´Ù. ´Ù¸¸ ÀÎÅÍÆäÀ̽º°¡ ´Ù¸£°í ±¸ÇöÇÏ´Â ¹æ½ÄÀÌ ´Ù¸¦ »ÓÀÌ´Ù.

¶óÀ̺귯¸®´Â °¢ ºê¶ó¿ìÀú°¡ ƯÁ¤ ±â´ÉÀ» ¾î¶»°Ô ¼öÇàÇÏ´ÂÁö Àß ¾Ë°í ÀÖÀ¸¸ç °³¹ßÀÚ¿¡°Ô ÀÌ Â÷À̸¦ ¼û±ä´Ù. °³¹ßÀÚ°¡ ÃÖ¼ÒÇÑÀÇ ÀÇ»ç Ç¥½Ã¸¸ ÇÏ¸é ¶óÀ̺귯¸®´Â ºê¶ó¿ìÀú¿¡ ¸Â´Â Äڵ带 ½ÇÇàÇØ ÁØ´Ù. »Ó¸¸ ¾Æ´Ï¶ó ÀÌÈÄ Æ¯Á¤ ±â´ÉÀ» ±¸ÇöÇÏ´Â ¹æ½ÄÀÌ ¹Ù²î´õ¶óµµ ¶óÀ̺귯¸®°¡ º¯°æµÈ ¹æ½ÄÀ» Àû¿ëÇØ ÁֹǷΠ±âÁ¸ÀÇ Äڵ带 ¼öÁ¤ÇÏÁö ¾Ê¾Æµµ Àß ½ÇÇàµÈ´Ù. ¶óÀ̺귯¸®°¡ Ãß»óÃþ ¿ªÇÒÀ» ÇϹǷΠũ·Î½º ºê¶ó¿ìÀúÀÇ ÀÌÁ¡À» ´ýÀ¸·Î ¾òÀ» ¼ö ÀÖ´Ù.

±×·¡¼­ ½Ç¹« ÇÁ·ÎÁ§Æ®¿¡¼­´Â ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ Á÷Á¢ »ç¿ëÇϱ⺸´Ù´Â Àß Á¤¸®µÈ ¶óÀ̺귯¸®¸¦ È°¿ëÇÏ´Â °æ¿ì°¡ ´õ ÀϹÝÀûÀÌ´Ù. ´Ü¼øÇÑ ±â´ÉÀÇ ÁýÇÕÀÎ ¶óÀ̺귯¸®º¸´Ù´Â ´õ ¾ö°ÝÇÑ Çü½Ä¼ºÀ» °®Ãß¾ú´Ù´Â Àǹ̷ΠÇÁ·¹ÀÓ¿öÅ©¶ó°íµµ ºÎ¸¥´Ù. ÇÔ¼ö ¸ðÀÓ ÀÌ»óÀÇ À§»óÀ» °¡Á³´Ù´Â ÀǹÌÀÌ¸ç ±× ÀÚü·Î ÇϳªÀÇ ¾ð¾î¿Í °°Àº ¿ªÇÒÀ» ¼öÇàÇÑ´Ù. ÇöÀç±îÁö ´ë·« ¼ö½Ê °³ÀÇ ÀÚ¹Ù½ºÅ©¸³Æ® ¶óÀ̺귯¸®°¡ ¹ßÇ¥µÇ¾î Àִµ¥ ¸¹ÀÌ »ç¿ëÇÏ´Â °ÍÀº ´ë¿©¼¸ °³ Á¤µµÀÌ´Ù.

 

¡á jQuery : ÇöÀç °¡Àå ¸¹Àº »ç¿ëÀÚ¸¦ È®º¸ÇÏ°í ÀÖ´Ù. °£°áÇÏ°í ½±´Ù´Â °ÍÀÌ ¸Å·ÂÀûÀ̸ç DOM Á¶ÀÛ¿¡ ƯÈ÷ °­Á¡À» º¸ÀδÙ.

¡á Dojo : IBMÀÌ 2004³â¿¡ ¹ßÇ¥ÇÏ¿´À¸¸ç ¼ø¼ö ÀÚ¹Ù½ºÅ©¸³Æ®¿Í ºñ½ÁÇÏ´Ù. ³­À̵µ°¡ ÀÖ¾î Ãʺ¸ÀÚ°¡ »ç¿ëÇϱâ´Â Á¶±Ý ¾î·Æ´Ù.

¡á prototype : Ajax ±â´ÉÀ» ƯȭÇÏ¿© ±¸ÇöÇÑ ¶óÀ̺귯¸®ÀÌ´Ù. Å©±â°¡ Ä¿¼­ ·Îµù ¼Óµµ°¡ ´À¸° °ÍÀÌ ´ÜÁ¡ÀÌ´Ù.

¡á YUI : 2005³â ¾ßÈÄ¿¡¼­ °³¹ßÇÑ »ç¿ëÀÚ ÀÎÅÍÆäÀ̽º Á¦ÀÛ ¶óÀ̺귯¸®ÀÌ´Ù.

 

°¢ÀÚ °íÀ¯ÇÑ ¹®¹ý ü°è¿Í ±â´É»óÀÇ Àå´ÜÁ¡ÀÌ ÀÖÁö¸¸ Äڵ带 ´õ ½±°Ô ÀÛ¼ºÇÏ°í ÀÏ°ü¼ºÀ» È®º¸ÇÑ´Ù´Â ¸ñÀûÀº ºñ½ÁÇÏ´Ù. °³¹ß µ¿±â°¡ °°±â ¶§¹®¿¡ ÁöÇâÇÏ´Â ¸ñÇ¥µµ °°À» ¼ö¹Û¿¡ ¾øÀ¸¸ç ¼º´É»óÀÇ ¿ìÀ§¸¦ Á¤ÇÒ ¼ö ¾øÀ» ¸¸Å­ µµÅ丮 Å°Àç±âÀÌ´Ù. ¸ðµÎ ¹«·á·Î »ç¿ëÇÒ ¼ö ÀÖ´Â ¿ÀÇ ¼Ò½ºÀÌ´Ù. ÀÚ¹Ù½ºÅ©¸³Æ®´Â ÀÌÁø ½ÇÇà ÆÄÀÏÀ» ¸¸µé¾î³»´Â ÄÄÆÄÀÏ ¾ð¾î°¡ ¾Æ´Ï¶ó ¼Ò½º°¡ ÀÖ¾î¾ß Çؼ® ¹× ½ÇÇàÇÒ ¼ö ÀÖ´Â ÀÎÅÍÇÁ¸®ÅÍ ¾ð¾îÀ̹ǷΠ¼Ò½º¸¦ ¹èÆ÷ÇÒ ¼ö¹Û¿¡ ¾ø´Ù.

¾÷ü¿¡ µû¶ó ä¿ëÇÏ´Â ¶óÀ̺귯¸®°¡ ´Ù¸£°í °³¹ßÀÚº°·Îµµ ¼±È£ÇÏ´Â Á¦Ç°ÀÌ Á¦°¢°¢À̾ ¶óÀ̺귯¸®³¢¸®µµ ÅëÀϵǾî ÀÖÁö ¾Ê´Ù. ÇÁ·ÎÁ§Æ®¿¡ µû¶ó »óȲ¿¡ ¸Â°Ô ÀûÇÕÇÑ ¶óÀ̺귯¸®¸¦ ¼±ÅÃÇÏ¿© »ç¿ëÇÏ´Â °æ¿ì°¡ ¸¹´Ù. ´ëÇü Æ÷ÅÐ »çÀÌÆ®´Â ÀڽŸ¸ÀÇ ¶óÀ̺귯¸®¸¦ Á÷Á¢ Á¦ÀÛÇÏ¿© »ç¿ëÇϱ⵵ ÇÑ´Ù. ÀÌ Ã¥Àº ÇöÀç Á¡À¯À²ÀÌ °¡Àå ³ô°í ´ëÁßÀûÀÎ jQuery¸¦ ´Ù·é´Ù.