Javascript¸¦ óÀ½ ½ÃÀÛÇÏ´Â À¥ ÆÛºí¸®¼Å³ª À¥ µðÀÚÀ̳Ê, À¥ ÇÁ·Î±×·¡¸Ó¸¦ À§ÇÏ¿© ½Ç¹«Çü ÀÔ¹®¼ÀÎ 'Javascript+jQuery+Ajax ¿Ïº®°¡À̵å' ºÎÁ¦·Î´Â 'À¥ ÆÛºí¸®¼Å¿¡¼ ÇÁ·ÐÆ®¿£µå °³¹ßÀÚ·Î °Åµì³ª±â À§ÇÑ °¡Àå È®½ÇÇÑ ÀÔ¹®¼'(ÁÖ¿µ¾Æ.À̱¤È£ °øÀú)¸¦ ÀÎÅÍÇÁ·¹½º(´ëÇ¥ ÀüÀ¯ÁØ)°¡ Ãâ°£µÆ´Ù. ¶ÇÇÑ ÇнÀ´É·ÂÀ» Áõ´ë½ÃÅ°°í ½Àµæ°ú È°¿ë¿¡¼ ²À ÇÊ¿äÇÑ ½Ç½À¿ë ¼Ò½º¿Í ¿Ï¼º¼Ò½º ±×¸®°í Ç÷¯±×ÀÎ ¿øº» µîÀ» ¼ö·ÏÇÑ ºÎ·ÏCD¸¦ Á¦°øÇÑ´Ù.
°¡Æ®³Ê ¾Ö³Î¸®½ºÆ® µ¥À̺ñµå ¹Ìÿ ½º¹Ì½º¿Í ¿¡¸¯´ÕÀº ¡°ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ °ú°Å, ÇöÀç, ¹Ì·¡¡±¶ó´Â º¸°í¼¸¦ ÅëÇØ ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ À§»óÀÌ ¹Ù²î¾î¿Â ¹è°æ°ú Àü¸ÁÀ» Á¦½ÃÇß´Ù. ÀÌ º¸°í¼¿¡ µû¸£¸é ÇâÈÄ ¸ðµç À¥ °³¹ßÀÚµéÀº ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ Àü¹®±â¼ú·Î »ï°í ÇÙ½ÉÁö½ÄÀ¸·Î ½×¾Æ¾ß ÇÒ Çʿ伺ÀÌ Å©°í, IT¸®´õµéÀº ÀÚ¹Ù½ºÅ©¸³Æ® Àü¹®Áö½ÄÀ» °®Ãá À¥ ÇÁ·Î±×·¡¸ÓµéÀÇ Àû°Ý¼ºÀ» °ËÁõÇØ¾ß ÇÑ´Ù. ¶ÇÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® ¾ð¾î ÀÚüº¸´Ù °´Ã¼ Ç¥±â¹ý¿¡ ±â¹ÝÇÑ µ¥ÀÌÅÍ Àü¼ÛÇü½ÄÀÎ JSONÀ̳ª À¥ »çÀÌÆ® °³¹ß¿ë ÇÁ·¹ÀÓ¿öÅ©ÀÎ jQuery¿Í °°Àº ±â¹Ý ±â¼úÀ» ÁغñÇÏ´Â °ÍÀÌ ´õ Áß¿äÇØ Áø´Ù.
ÀÌ Ã¥Àº ÀÌ·¯ÇÑ ÇöÀç¿Í ¹Ì·¡ÀÇ À¥ °³¹ß ±â¼ú¿¡ ´ëÇÑ Áغñ¸¦ ¾î¶»°Ô ½ÃÀÛÇØ¾ß ÇÏ´ÂÁö¸¦ Javascript¶ó´Â ¾ð¾îÀÇ ±âº»ÀûÀΠƯ¡°ú ¹Ýµå½Ã ¾Ë¾Æ¾ß ÇÏ´Â jQueryÀÇ Æ¯Â¡µéÀ» ¼Ò°³ Á¦½ÃÇÔÀ¸·Î½á, À¥ °ü·Ã IT»ê¾÷¿¡¼ÀÇ È°µ¿À» ÁغñÇÏ°íÀÚ ÇÏ´Â À¥ µðÀÚÀ̳Ê, À¥ ÆÛºí¸®¼Å, À¥ ÇÁ·Î±×·¡¸Óµé¿¡°Ô ÁÁÀº ÀÔ¹®¼°¡ µÇ¾îÁÙ ¼ö ÀÖ´Ù. ¶ÇÇÑ, Çö¾÷¿¡¼ ¿ä±¸ÇÏ´Â À¥ ÆäÀÌÁö Á¦ÀÛ ±â¼úÀÇ °¢Á¾ °í±Þ ÀÀ¿ë»ç·Ê¸¦ Á¦½ÃÇÏ°í ÀÖ¾î, ÇöÀå¿¡¼ÀÇ ¾÷¹« ´É·ÂÀ» Çâ»ó½Ãų ¼ö ÀÖ´Â °è±â°¡ µÇ¾î ÁÙ °ÍÀÌ´Ù.
¹«¾ùº¸´Ùµµ ÀÌ Ã¥ÀÇ ÀåÁ¡À¸·Î´Â ÇнÀÀ» ÁøÇàÇÏ¸é¼ ÀúÀÚÀÇ µµ¿òÀÌ ÇÊ¿äÇÑ ºÎºÐ¿¡ ´ëÇؼ´Â ÀúÀÚ¿Í ÀÏ´ëÀÏ·Î Ä¿¹Â´ÏÄÉÀ̼ÇÀÌ °¡´ÉÇÏ°í ÆíÁý±¸¼º ¹× ³»¿ëÈ帧Àº ½ÇÁ¦ ÀúÀÚ°¡ °³²ÀÇ ¸ð IT±³À°¿ø¿¡¼ ÇÏ·ç¿¡ 3½Ã°£¾¿, ÀÏÁÖÀÏ¿¡ 3¹ø, 4ÁÖ°£ ÃÑ 12ÀÏ¿¡ °ÉÃÄ(36½Ã°£) ¸Å´Þ ÁøÇà µÈ °¡Àå È¿À²ÀûÀÎ ±³À°¿¡ ±Ù°£ÇÏ°í ÀÖÀ¸¸ç, ÀÌ Ã¥¿¡¼ ¼Ò°³ÇÏ´Â °¢ ´Ü¿øµéÀº ½ÇÁ¦ °ÀÇ Ä¿¸®Å§·³¿¡ ¸ÂÃß¾î 12ÀÏ ¿Ï¼º°úÁ¤À¸·Î Á¦½ÃµÇ¸ç, ÁÖ¿ä ÆíÁý³»¿ëÀº ´ÙÀ½°ú °°´Ù.
ù ¹ø° ÆÄÆ®¿¡¼JavascriptÀÇ ±âº» ±â´Éµé°ú »ç¿ëÀÚ À̺¥Æ®ÀÇ °³³ä, JSON Ç¥±â¹ý¿¡ ´ëÇؼ ¼³¸íÇÑ´Ù. ÀÌ ³»¿ëµéÀº µ¶ÀںеéÀÌ ¾ÕÀ¸·Î jQuery¸¦ È°¿ëÇÑ ´ëÈ½Ä À¥ ÆäÀÌÁö¸¦ Á¦ÀÛÇϴµ¥ ÀÖ¾î¼ °¡Àå ÇʼöÀûÀÎ ±âÃÊ Áö½ÄµéÀÌ µÇ¾î ÁÙ °ÍÀÌ´Ù.
µÎ ¹ø° ÆÄÆ®¿¡¼´Â jQuery¸¦ ±â¹ÝÀ¸·Î ÇÑ À¥ ÆäÀÌÁö Á¦ÀÛ±â¼úÀ» ¼Ò°³ÇÑ´Ù. HTML ¿ä¼ÒÀÇ Á¦¾î ¿Í »ç¿ëÀÚ À̺¥Æ® ó¸®, HTML ¿ä¼ÒÀÇ ¼Ó¼º°ú CSS¼Ó¼º ¹× Ŭ·¡½º Á¦¾î, °í±Þ jQuery Ç¥Çö ±â¹ý°ú HTML ¿ä¼ÒÀÇ µ¿ÀûÀÎ »ý¼º µî ±âº»ÀûÀÎ jQueryÀÇ ±â´Éµé°ú ÇÔ²² ½Ç¹«¿¡ Àû¿ëÇÒ ¼ö ÀÖ´Â »ùÇà ¿¹Á¦µéÀ» Á¦°øÇÑ´Ù. ¶ÇÇÑ ÀÚÁÖ Á¢ÇÒ ¼ö ÀÖ´Â À¯¿ëÇÑ jQuery PluginµéÀÇ ÅëÇÏ¿© ´ÙÀ̳ª¹ÍÇÑ À¥ ÆäÀÌÁö¸¦ Á¦ÀÛÇÒ ¼ö ÀÖ´Â À¥ ÆÛºí¸®¼Å·Î °Åµì³ª´Âµ¥ µµ¿òÀ» ÁÙ °ÍÀÌ´Ù.
¼¼ ¹ø° ÆÄÆ®¿¡¼ Rich Web ÆäÀÌÁö Á¦ÀÛÀ» À§ÇØ ÇʼöÀûÀ¸·Î »ç¿ëµÇ´Â Ajax ±â¼úÀ» ¼Ò°³ÇÑ´Ù. AjaxÀÇ ±âº» °³¿ä¿Í XML¹× JSONÀ¸·ÎºÎÅÍ µ¥ÀÌÅ͸¦ ÃßÃâÇÏ´Â ±â¹ýÀ» ´Ù·ç°í, À¥ ÇÁ·Î±×·¡¸ÓµéÀ» À§ÇØ jQuery°¡ PHP³ª JSP¿Í ¿¬µ¿Çϱâ À§ÇÑ °¡À̵嵵 Á¦½ÃÇÑ´Ù. ¹«¾ùº¸´Ù ½Ç¹«¿¡ ±ÙÁ¢ÇÑ ¿¹Á¦µé,·Î±×ÀÎ, °Ô½ÃÆÇ µ¡±Û¾²±â, ±¸±Û ´º½º ¿¬µ¿, ³×À̹öOpenAPI¿Í ´ÙÀ½ OpenAPI¸¦ ÅëÇÑ À̹ÌÁö °Ë»ö, Ã¥ °Ë»ö µîµµ »©³õÁö ¾Ê¾Ò´Ù. ´õÇؼ HTML5¿¡¼ »õ·Ó°Ô Ãß°¡µÈ GeoLocation¿¡ °ü·ÃµÈ ±â´Éµµ Á¦½Ã¸¦ Çϴµ¥, jQuery Ç÷¯±×ÀÎÀ» È°¿ëÇÏ¿© ÇöÀç »ç¿ëÀÚÀÇ À§Ä¡¸¦ ±¸±Û¸Ê ¹× ³×À̹öOpenAPI¸¦ »ç¿ëÇÑ Áö¿ª °Ë»ö±îÁö ¿¬µ¿ÇÏ´Â ¿¹Á¦µµ ¼ö·ÏÇÏ¿© HTML5 API·Î¼ÀÇ Javascript°í±Þ±â´É¿¡ ´ëÇÑ È£±â½Éµµ ÃæÁ·½ÃÅ°°íÀÚ ÇÏ¿´´Ù.
³× ¹ø° ÆÄÆ®¿¡¼´Â jQuery¸¦ ³Ñ¾î¼ ´õ °í±Þ½º·¯¿î Javascript Framework¸¦ ¿øÇÏ´Â µ¶Àںе鿡°Ô µµ¿òÀÌ µÇ°íÀÚ ±âº» JavascriptÀÇ Àß ¾Ë·ÁÁöÁö ¾ÊÀº ¹®¹ýÀÎ prototype Á¤ÀÇ ¹æ¹ýÀ» Á¦½ÃÇÏ¿´´Ù. ÀÌ ±â¹ýÀº Javascript°¡ JAVA³ª C/C++°ú ±¸º°µÉ ¼ö ÀÖ´Â °¡Àå Å« Ư¡À¸·Î¼, Javascript ½ºÅ¸ÀÏÀÇ Å¬·¡½º Á¤ÀÇ¿Í °´Ã¼ »ý¼º ¹æ¹ýÀ» ÀÌÇØÇÒ ¼ö ÀÖµµ·Ï ÇÏ¿´´Ù.
ÀúÀÚ´Â "½Ç¹«Àڵ鿡 ÀÇÇÑ °ËÁõ°ú ÁýÇÊ ´Ü°è¿¡¼ºÎÅÍ ÁýÇʳ»¿ëÀ» ÅëÇÑ ½ÇÁ¦ °ÀǸ¦ ¿¬°èÇÏ¿© ´Ù·ç¾ú°í ¿¹Á¦ ¼Ò½ºµµ ½Ç¹« Àû¿ë ÀûÇÕ¼º°ú Çö¾÷¿¡¼ ¼ö½Ã·Î Çǵå¹éÀ» ¹Þ¾Æ ÆíÁý³»¿ëÀ» ´Ü°èÀûÀ¸·Î º¸¿ÏÇÏ¿© Áö±ÝÀÇ ¿Ï¼º ÇüÅ°¡ µÇ¾ú±â ¶§¹®¿¡, ½Ç¹«ÀÚµéÀÌ ¿øÇÏ´Â Á¡ÁøÀûÀ¸·Î ½±°Ô ÀÍÈú ¼ö ÀÖµµ·Ï ±¸¼º µÇ¾î ÀÖ½À´Ï´Ù." ¶ó°í ÀÌ Ã¥À» ¼Ò°³Çß´Ù.
ÀúÀÚ ÁÖ¿µ¾Æ´Â IT±³À°¿øµîÀÇ ÀüÀÓÀ¸·Î Àü Çѱ¹¹æ¼ÛÅë½ÅÁøÈïÇùȸ ÀüÀÓ°»ç, Àü cafe24 °í¹® µîÀ» ¿«ÀÓ ÇÏ¿´À¸¸ç, ±³À°ÇÐÀ» Àü°øÇÏ¿´°í 2005³âµµ 2008³âµµ±îÁö ºÎÅÍ °ü·ÃµÈ ´Ù¼öÀÇ Àü»ê ÅëÇÕ ½Ã½ºÅÛ ±¸ÃàÇÁ·ÎÁ§Æ®¸¦ ¼öÇàÇÏ¿´´Ù. 2009³âµµºÎÅÍ´Â Çѱ¹¹æ¼ÛÅë½ÅÁøÈïÇùȸ¿¡¼ÀÇ ½Ç¹«ÀÚµéÀ» ´ë»óÀ¸·Î ÇÑ JSP, À¥ Ç¥ÁØ µî¿¡ ´ëÇÑ °ÀÇÈ°µ¿À» ½ÃÀÛÀ¸·Î Á¤ºÎ±â°üÀ̳ª ´ëÇÐ ¹× IT±³À°±â°ü, ±â¾÷üµîÀÇ °ÀÇ È°µ¿°ú ´Ù¼öÀÇ ÇÁ·ÎÁ§Æ®¿¡ Âü¿©ÇØ ¿ÔÀ¸¸ç, ÇöÀç´Â ¸ð¹ÙÀÏ À¥ °ü·Ã °¢Á¾ ÇÁ·ÎÁ§Æ®¿¡ Âü¿©ÇÔ°ú µ¿½Ã¿¡ À¥Ç¥ÁØ, HTML5, CSS, jQuery, jQuery Mobile, µîÀÇ °ÀÇÈ°µ¿°ú ÇÁ¸®·£¼·Î È°µ¿ÇÏ°í ÀÖ´Ù.
°øµ¿ÀúÀÚ À̱¤È£´Â ÄÄÇ»ÅÍ °øÇÐÀ» Àü°øÇÏ¿´À¸¸ç, Àü¹® °³¹ßÀڷμ 2003³âµµºÎÅÍ ´Ù¼öÀÇ ¸ð¹ÙÀÏ °ÔÀÓ°ú KT¼î¸Þ¸ð¸®, KT°¡Å縯 ¼ºñ½º, ´ë±³ ¸®ºê·Î µî°ú ¿Ç÷½Å±â·Ï(°ÔÀÓ), ¸ð¹ÙÀÏ ¾ÆÀÌÅÛ º£ÀÌ, LGT EZ-I À¥»çÀÌÆ®°³¹ß Âü¿©, KTF 3D ¿¡À̽º¾ç±Ã(°ÔÀÓ) µî ¼ö¸¹Àº ÇÁ·ÎÁ§Æ®¸¦ ¼öÇàÇß´Ù. 2009³âµµºÎÅÍ Çѱ¹¹æ¼ÛÅë½ÅÁøÈïÇùȸ¿¡¼ÀÇ ½Ç¹«ÀÚµéÀ» ´ë»óÀ¸·Î ÇÑ ¾Èµå·ÎÀ̵å¿Í JSP, AJAX µî¿¡ ´ëÇÑ °ÀÇÈ°µ¿À» ½ÃÀÛÀ¸·Î 2011³âµµºÎÅÍ ´ëÇаú ºñÆ®ÄÄÇ»ÅÍ¿¡¼ ¾ÛâÀÛÅÍ °ü·Ã ¾Èµå·ÎÀÌµå ¹× jQuery Mobile°ú Sencha Touch¿¡ ´ëÇÑ °ÀǸ¦ ¸ð¹ÙÀÏ À¥¾Û ÃÊâ±â ½ÃÀýºÎÅÍ ÁøÇàÇØ ¿Ô´Ù. ÇöÀç´Â ¸ð¹ÙÀÏ °ü·Ã °¢Á¾ ÇÁ·ÎÁ§Æ®¿¡ Âü¿©ÇÔ°ú µ¿½Ã¿¡ Sencha Touch2, ¾Èµå·ÎÀ̵å, À¥Ç¥ÁØ, HTML5, jQuery, jQuery Mobile, µîÀÇ °ÀÇÈ°µ¿À» ÇÏ°í úÞ IT WILLÀüÀÓ°ú ÇÁ¸®·£¼·Î È°µ¿ÇÏ°í ÀÖ´Ù.