|
|
|
2012-02-14 15:13:531811
|
À¥ °³¹ßÀÚ¸¦ À§ÇÑ jQuery ±âº»ÀÌÇØ |
|
È£¼®
|
|
| ÀÏ¹Ý | |
|
http://www.sqler.com/378488
À¥ ÇÁ·±Æ¼¾î¿Í ÇÔ²²ÇÏ´Â jQuery ±âÃÊ°ÁÂ
1st - À¥ °³¹ßÀÚ¸¦ À§ÇÑ jQuery ±âº»ÀÌÇØ
jQuery ¸Ô´Â °Ç°¡¿ä ?
À¥ »çÀÌÆ®¿Í »ç¿ëÀÚ°£ÀÇ ¿øÈ°ÇÑ ¼ÒÅëÀ» À§ÇØ »ç¿ëµÇ¾ú´ø ÀÚ¹Ù½ºÅ©¸³Æ®´Â ÃÖ±Ù ¸î ³â°£ Web2.0°ú Ajax ±â¼úÀ» È°¿ëÇÑ RIA(Rich Internet Application)ÀÇ µîÀåÀ¸·Î ÀÎÇÏ¿© ÀÌÀüº¸´Ù º¹ÀâÇÏ°í ´Ã¾î³ ÄÚµå¿Í ´Ù¾çÇÑ À¥ ºê¶ó¿ìÀúÀÇ µîÀåÀ¸·Î Å©·Î½ººê¶ó¿ì¡ À̶ó´Â À庮ÀÌ À¥ °³¹ßÀÚ¿¡°Ô Å« ½ºÆ®·¹½º¸¦ ¾È°ÜÁÖ°í ÀÖ½À´Ï´Ù. ÀÌ·¯ÇÑ ¹®Á¦¿¡¼ ½±°Ô ¹þ¾î ³¯ ¼ö ÀÖ´Â Çعý°ú À¥ °³¹ß¿¡ »õ·Î¿î Æз¯´ÙÀÓ(¿ªµ¿ÀûÀÎ ÀÎÅÍÆäÀ̽º, ½¬¿î ÇÁ·Î±×·¡¹Ö)À» Á¦½ÃÇÏ°í ÀÖ´Â jQuery¿¡ ´ëÇØ ÀÚ¼¼È÷ ¾Ë¾Æº¸´Â º¸µµ·Ï ÇÏ°Ú½À´Ï´Ù.
jQuery´Â 2006³â ¡°John Resic¡±¿¡ ÀÇÇØ µðÀÚÀÎ µÈ ÀÚ¹Ù½ºÅ©¸³Æ® ¶óÀ̺귯¸®ÀÔ´Ï´Ù.
ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ Äڵ带 ´Ü¼øÇÏ°í °£°áÇÑ »óÅ·Π°³¹ßÀÌ °¡´ÉÇϸç, µ¿ÀÏÇÑ ÄÚµåÀÇ ¹Ýº¹°ú º¹ÀâÇÏ°í ¸¹Àº ÄÚµå·Î °³¹ßµÇ´ø ±âÁ¸ÀÇ ÀÛ¾÷¿¡ ºñÇØ ¿©·¯ °¡Áö È¿°ú³ª À̺¥Æ®¸¦ °£´ÜÇÑ ÇÔ¼öÀÇ È£Ã⸸À¸·Î ½±°í ºü¸£°Ô °³¹ßÀÌ °¡´É Çϵµ·Ï µµ¿ÍÁÝ´Ï´Ù.
jQueryÀÇ Æ¯Â¡
jQueryÀÇ °¡Àå Å« Ư¡À¸·Î´Â ´ÙÀ½°ú °°ÀÌ 4°¡Áö¸¦ À̾߱â ÇÒ ¼ö ÀÖ½À´Ï´Ù.
1.CSS ¼¿·ºÅÍ
html ¹®¼ÀÇ ±¸Á¶¸¦ ¸í·á Çϸ鼵µ Àб⠽¬¿î ÇüÅ·ΠǥÇö ¹× »ç¿ë °¡´É ÇÕ´Ï´Ù.
2.Ç÷¯±×ÀÎ ¾ÆÅ°ÅØó
Áߺ¹µÇ´Â ±â´É°ú Äڵ尡 ¾ûÅ°´Â µîÀÇ Feature CreepÀ» ÇÇÇÏ°í âÀÇÀûÀÎ »êÃâ¹°ÀÇ °øÀ¯°¡ °¡´ÉÇϸç, ÀÌ¹Ì °³¹ßµÈ ¸¹Àº Ç÷¯±×ÀÎ À» ½±°í ºü¸£°Ô ÀÌ¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù.
3.¸Þ¼µå üÀÎ
¿©·¯ °³ÀÇ µ¿ÀÛ(±â´É)À» ÇÑ ÁÙ¿¡ ³ª¿ÇÏ¿© Àӽà º¯¼öÀÇ »ç¿ëÀ» ÃÖ¼ÒÈ ÇÏ¿© ºÒÇÊ¿äÇÑ ÄÚµåÀÇ ¹Ýº¹À» ÇÇÇÒ ¼ö ÀÖ½À´Ï´Ù.
4.Å©·Î½ººê¶ó¿ìÀú
°¢°¢ÀÇ ºê¶ó¿ìÀú¿¡ ¹ß»ýµÇ´Â À̺¥Æ®, °´Ã¼ 󸮹æ¹ý¿¡ µû¶ó ¿©·¯ °³ÀÇ ÇÔ¼ö ¶Ç´Â ¿©·¯ ¹øÀÇ ºÐ±â°¡ ¾øÀÌ jQuery¿¡¼ Á¦°øÇÏ´Â ÇÔ¼ö ¶Ç´Â ¹®ÀåÀ¸·Î °£´ÜÈ÷ ÇØ°á ÇÒ ¼ö ÀÖ½À´Ï´Ù.
ÀÌ·¯ÇÑ Æ¯Â¡À¸·Î ÀÎÇÏ¿© ÀÚ¹Ù½ºÅ©¸³Æ® ¶óÀ̺귯¸® Áß jQuery´Â Prototype, Script.aculo.us, Dojo, Mootools¿Í °°Àº ÀÚ¹Ù½ºÅ©¸³Æ® ¶óÀ̺귯¸®¿¡ ºñÇØ »ó´ëÀûÀ¸·Î ´Ê°Ô µîÀå ÇßÀ½¿¡µµ ºÒ±¸ÇÏ°í ¸¹Àº À¥ °³¹ßÀÚ »çÀÌ¿¡¼ »ó´çÈ÷ ¸¹Àº ÁöÁö¸¦ ¹Þ°í ÀÖ½À´Ï´Ù.
jQuery¸¦ »ç¿ëÇÒ ¶§ ¹Ì¸® ¾Ë¾ÆµÎ¸é ÁÁ¾Æ¿ä.
jQuery¸¦ »ç¿ëÇÒ ¶§ ¾Ë¾ÆµÎ¸é ÁÁÀº 2°¡Áö ÆÁÀ» Á¤¸®ÇØ º¸¾Ò½À´Ï´Ù.
1) Visual Studio Intellisense ? ÀÚ¹Ù½ºÅ©¸³Æ® µµ¿ò¸»
ºñÁÖ¾ó½ºÆ©µð¿À 2010 ¹öÀüÀÇ °æ¿ì ±âº»ÀûÀ¸·Î ÀÚ¹Ù½ºÅ©¸³Æ® ÀÎÅÚ¸®¼¾½º¸¦ Áö¿øÇÏ°í ÀÖ½À´Ï´Ù.
Visual Studio 2008 SP1 ÀÌ»óÀÇ ¹öÀü¿¡¼´Â ¡°vsdoc.js¡± ÆÄÀÏ°ú °£´ÜÇÑ ¼³Á¤¸¸À» ÅëÇØ ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ÀÎÅÚ¸®¼¾½º »ç¿ëÀÌ °¡´ÉÇÕ´Ï´Ù.
ÀÎÅÚ¸®¼¾½º¸¦ »ç¿ëÇϱâ À§Çؼ´Â ¿ì¼± vsdoc.js °ü·Ã ÆÐÄ¡ ÆÄÀÏÀÎ VS90SP1-KB958502-x86.exeÀ» ´Ù¿î¹Þ¾Æ ¼³Ä¡ ÇØ¾ß Çϸç, ¸¸¾à ÀÚ½ÅÀÌ ¼³Ä¡ÇÑ VS2008¿¡ ¼ºñ½º ÆÑ1ÀÌ ¼³Ä¡°¡ µÇ¾î ÀÖÁö ¾Ê¾Ò´Ù¸é, °ü·Ã ÆÐÄ¡´Â ¼³Ä¡ µÇÁö ¾ÊÀ¸´Ï VS2008ÀÇ ¼ºñ½º ÆÑÀÇ ¼³Ä¡ À¯¹«¸¦ ¸ÕÀú È®ÀÎ ÇÏ½Ã±æ ¹Ù¶ø´Ï´Ù.
ÇÖÇȽº KB958502°¡ ¼³Ä¡°¡ ¿Ï·á µÇ¾ú´Ù¸é http://jquery.comÀÇ Download¸Þ´º¿¡¼ Á¦°øÇÏ°í ÀÖ´Â ¡°jquery.js¡±¿Í ¡°?vsdoc.js¡±¸¦ ´Ù¿î ¹ÞÀº ÈÄ¿¡ µ¿ÀÏÇÑ µð·ºÅ͸®¿¡ À§Ä¡ ½ÃÅ°¸é µË´Ï´Ù.
(2010, 2008 µ¿ÀÏÇÕ´Ï´Ù.)
<head>
<title>jQuery Selector</title>
<script src="../Scripts/jquery-1.5.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
//jQuery Script¡¦
//TODO
});
</script>
</head>
<script>ű׸¦ ÀÌ¿ëÇÏ¿©, ÇØ´ç jQuery¸¦ ÂüÁ¶½ÃÅ°¸é ¹Ù·Î ÀÎÅÚ¸®¼¾½º°¡ µ¿ÀÛÇÏ´Â °É È®ÀÎ ÇÒ ¼ö ÀÖÀ¸¸ç, »ç¿ëÀÚ°¡ »õ·Î ÀÛ¼ºÇÏ´Â µ¶¸³µÈ ÀÚ¹Ù½ºÅ©¸³Æ® ¹®¼¿¡¼´Â »ó´Ü¿¡ <reference path=¡±-vsdoc.js¡± />¸¦ »ç¿ëÇÏ½Ã¸é µË´Ï´Ù.
ÀÌÁ¦ jQuery API »çÀÌÆ®¸¦ ÇÑÂÊ¿¡ ¿¾î³õÁö ¾Ê°í jQueryÀÇ ±â´ÉÀ» ÀÌ¿ëÇÏ¿© ½±°í ºü¸£°Ô Ŭ¶óÀ̾ðÆ® °³¹ßÀ» ÇÒ ¼ö ÀÖ½À´Ï´Ù.
2) CDN (Content Delivery Network)
Google, Microsoft, jQuery¿¡¼´Â °¢°¢ CDNÀ» Áö¿øÇÏ°í ÀÖ½À´Ï´Ù. À¥ ¾îÇø®ÄÉÀ̼ÇÀÇ ¼Óµµ¸¦ ³ôÀ̱â À§ÇØ Àü¼ÛÇì´õ¿¡Gzip ¾ÐÃà°ú ij½ÌÀ» Áö¿øÇÏ°í ÀÖ½À´Ï´Ù. jqueryÀÇ ¿ë·®°ú ´Ù¿î·Îµå ¼Óµµ°¡ ¿ì·ÁµÇ´Â °÷¿¡¼´Â ÇØ´ç ¸µÅ©¸¦ ÂüÁ¶ ÇϽñ⠹ٶø´Ï´Ù
|
|
|
|
|
|
|
|
|