Ã¥¼Ò°³
ÀÌ Ã¥ÀÌ Á¦½ÃÇÏ´Â ÇÙ½É ³»¿ë
ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ÇÙ½É ¿ø¸®, ¾ð¾îÀû Ư¼ºÀ» Á¤È®ÇÏ°í ¾Ë±â ½±°Ô ¼³¸íÇÑ´Ù.
ÀÌ Ã¥ÀÇ Æ¯Â¡°ú ÀåÁ¡
-. ÀÚ¹Ù½ºÅ©¸³Æ® ¾ð¾îÀÇ ÇÙ½É °³³äÀ» Á¦´ë·Î Àü´ÞÇÑ´Ù. ±¹³» °³¹ßȯ°æ, ÀÔ¹®/ÃÊ±Þ °³¹ßÀÚ ¼öÁØ¿¡ ¸ÂÃç ±×¸²°ú ruleÀ» ÅëÇØ ÀÌÇØÇϱ⠽±°Ô ¼³¸íÇÑ´Ù.
-. jQuery 1.0 ¼Ò½º ºÐ¼®À» ÅëÇؼ ½ÇÁ¦ ÇÁ·ÎÁ§Æ®¿¡¼ »ç¿ëµÈ °¢Á¾ ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ÇÙ½É °³³äÀ» ¼³¸íÇÑ´Ù. ÀÌ´Â ½Ç¿ë¼ºÀ» ³ô¿©ÁØ´Ù.
¾î¶² µ¶ÀÚ¸¦ À§ÇÑ Ã¥Àΰ¡?
-. ÀÚ¹Ù½ºÅ©¸³Æ®/ Node.js ÀÔ¹®ÀÚ, ÃʱÞÀÚ
-. ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ °æÇèÀ» °¡Áö°í ÀÖÀ¸³ª, ÇÙ½É °³³ä¿¡ ´ëÇÑ ÀÌÇصµ°¡ ÀûÀº °³¹ßÀÚ
-. ÀÚ¹Ù½ºÅ©¸³Æ® ÁÖ¿ä ¶óÀ̺귯¸®(jQueryµî)ÀÇ ³»ºÎ¸¦ ºÐ¼®ÇÏ°í, ¶óÀ̺귯¸®³ª ÇÁ·¹ÀÓ¿öÅ©¸¦ °³¹ßÇÏ°í ½Í¾îÇÏ´Â °³¹ßÀÚ
-. ¡º´õ±Û¶ó½º Å©¶ôÆ÷µåÀÇ ÀÚ¹Ù½ºÅ©¸³Æ® ÇÙ½É °¡À̵塻(ÇѺû¹Ìµð¾î, 2008)¸¦ ¾î·Æ°Ô ´À³¢´Â °³¹ßÀÚ
µµ¼ Ư¡(Ã¥ Ç¥Áö ±Û)
Á¤¸»·Î Áß¿äÇÑ °ÍÀº ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ÇÙ½É ¿ø¸®¸¦ Á¤È®ÇÏ°Ô ÀÌÇØÇÏ´Â °ÍÀÌ´Ù
¸ðµç Çй® ºÐ¾ß°¡ ¸¶Âù°¡Áö°ÚÁö¸¸, ƯÈ÷ IT ºÐ¾ß¿¡¼ »õ·Î¿î Áö½ÄÀ» ½ÀµæÇÒ ¶§ °¡Àå Áß¿äÇÑ °ÍÀº ¹Ù·Î ±× ºÐ¾ßÀÇ ÇÙ½É ¿ø¸®¸¦ Á¤È®È÷ ÀÌÇØÇÏ´Â °ÍÀÌ´Ù. ÀÌ·¯ÇÑ ¿ø¸®¸¦ Á¤È®È÷ ÀÌÇØÇÏÁö ¾ÊÀº Áö½ÄÀ¸·Î ÇÁ·ÎÁ§Æ®¸¦ ÁøÇàÇß´Ù°¡´Â Ãʱ⿡´Â ºü¸¥ ¼º°ú¸¦ ³¾ ¼ö ÀÖÀ»Áö ¸ð¸£Áö¸¸, °á±¹¿¡´Â ´ëÃæ ³Ñ¾î°¬´ø ºÎºÐÀÌ ¹ß¸ñÀ» ÀâÀ» °ÍÀ̸ç ÀÌ´Â ÇÁ·ÎÁ§Æ® Áö¿¬À¸·Î À̾îÁú ¼ö ÀÖ´Ù.
ÀÚ¹Ù½ºÅ©¸³Æ®°¡ ±²ÀåÈ÷ ½¬¿î ¾ð¾îÀ̸ç, ¹«Á¶°Ç Äڵ带 °¡Á®´Ù ¾²¸é ½±°Ô °³¹ßÇÒ ¼ö ÀÖ´Â °ÍÀ¸·Î »ý°¢ÇÏ´Â °³¹ßÀÚ°¡ ÀÇ¿Ü·Î ¸¹´Ù. ¹°·Ð ÇÁ·ÎÁ§Æ® Ãʱ⿡´Â ÀÌ·± ½ÄÀ¸·Î °á°ú¹°À» ¸¸µé¾î ³¾ ¼ö ÀÖ´Ù. ±×·¯³ª ÇÁ·ÎÁ§Æ® ¹üÀ§°¡ Á¡Á¡ ´Ã¾î³ª¸é ÀÚ¹Ù½ºÅ©¸³Æ® Ư¼º¿¡ ´ëÇؼ Á¦´ë·Î ÀÌÇØÇÏÁö ¾Ê°í ³Ñ¾î°¬´ø »ç¼ÒÇÑ ºÎºÐµéÀÌ ¹®Á¦¸¦ ¹ß»ý½ÃÅ°°í ±Þ±â¾ß ÀÚ¹Ù½ºÅ©¸³Æ® ¾ð¾î¸¦ ÅëÇØ ¼¹ö ±â¹Ý ÇÁ·Î±×·¡¹ÖÀ» ÇÒ ¼ö ÀÖ°Ô²û ÇØÁÖ´Â Node.js ÇÁ·Î±×·¡¹Ö±îÁö ÁøÇàÇÑ´Ù¸é ±× ¾î·Á¿òÀº ÀÌ·ç ¸»ÇÒ ¼ö ¾øÀ» ¸¸Å Ä¿Áø´Ù. Node.js °³¹ß °æÇèÀÌ ÀÖ´Â °³¹ßÀÚµéÀº ¾Æ¸¶ ÀÌÇØÇÒ ¼ö ÀÖÀ» °ÍÀÌ´Ù. ÀÚ¹Ù½ºÅ©¸³Æ® ¾ð¾îÀÇ Æ¯¼ºÀ» Á¦´ë·Î ÀÌÇØÇÏ´Â °ÍÀÌ ¾ó¸¶³ª Áß¿äÇÑ °ÍÀÎÁö¸¦.
ÀÌ Ã¥ÀÇ ¸ñÀûÀº ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ÇÙ½É ¿ø¸®, ¾ð¾îÀû Ư¼ºÀ» Á¤È®ÇÏ°í ¾Ë±â ½±°Ô ¼³¸íÇÏ´Â °ÍÀÌ´Ù. ¹°·Ð ÀÌ Ã¥ÀÌ ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¸ðµç °ÍÀ» ´Ù·é ¹ÙÀ̺íÀº ¾Æ´Ï´Ù. ±×·¯³ª ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ Á¦´ë·Î °øºÎÇÏ°íÀÚ ÇÏ´Â °³¹ßÀÚ¿¡°Ô ¿©·¯ ÀÚ¹Ù½ºÅ©¸³Æ® ÀÀ¿ë ±â¼úµéÀ» ¼ÒÈÇÒ ¼ö ÀÖ´Â ±âÃÊ Ã¼·ÂÀ» ±â¸¦ ¼ö ÀÖ°Ô µµ¿ÍÁÖ´Â ÁÁÀº °¡À̵尡 µÉ °ÍÀÌ´Ù.
ÀúÀÚ¼Ò°³
»ï¼ºÀüÀÚ¸¦ °ÅÃÄ ÇöÀç´Â SKT ³×Æ®¿öÅ© ±â¼ú¿ø Device Tech.·¦¿¡¼ µð¹ÙÀ̽º ±â¹Ý ¼ºñ½º Ç÷§Æû °³¹ß ¾÷¹«¸¦ ÁøÇà ÁßÀÌ´Ù. ƯÈ÷ ¾Èµå·ÎÀ̵å¿Í °°Àº ¸ð¹ÙÀÏ ¼ÒÇÁÆ®¿þ¾î Ç÷§ÆûÀÇ ¼³°è ¹× µ¿ÀÛ ¿ø¸®¿¡ °ü½ÉÀÌ ¸¹À¸¸ç, ÃÖ±Ù µé¾î¼´Â JavaScript³ª Node.js¿Í °°Àº À¥ ±â¼úÀÇ ¸Å·ÂÀ» ¾Ë¾Æ °¡°í ÀÖ´Â ÁßÀÌ´Ù. Æ´Æ´ÀÌ ½×Àº °³¹ß °ü·Ã Áö½ÄÀ» Á¤¸®ÇÏ°í, À̸¦ Ã¥À¸·Î ¿«¾î¼ ¿©·¯ °³¹ßÀÚµé°ú °øÀ¯ÇÏ´Â °Í¿¡ ¼Ò¼ÒÇÑ Àç¹Ì¸¦ ´À³¢´Â Æò¹üÇÑ °³¹ßÀÚÀÌ´Ù.
Àú¼·Î´Â ¡ºÀλçÀÌµå ¾Èµå·ÎÀ̵塻(À§Å°ºÏ½º, 2009)°¡ ÀÖ´Ù
¸ñÂ÷
CHAPTER 1 ÀÚ¹Ù½ºÅ©¸³Æ® ±âº» °³¿ä
__1.1 ¼Ò°³
__1.2 ÀÚ¹Ù½ºÅ©¸³Æ® È°¿ë ¹üÀ§
____1.2.1 À¥ °³¹ß
____1.2.2 ¼¹ö °³¹ß
____1.2.3 ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß
__1.3 ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ÇÙ½É °³³ä
____1.3.1 °´Ã¼
____1.3.2 ÇÔ¼ö
____1.3.3 ÇÁ·ÎÅäŸÀÔ
____1.3.4 ½ÇÇà ÄÁÅؽºÆ®¿Í Ŭ·ÎÀú
__1.4 ÀÚ¹Ù½ºÅ©¸³Æ®¿Í °´Ã¼ÁöÇâ ÇÁ·Î±×·¡¹Ö
__1.5 ÀÚ¹Ù½ºÅ©¸³Æ®¿Í ÇÔ¼öÇü ÇÁ·Î±×·¡¹Ö
__1.6 ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ´ÜÁ¡
CHAPTER 2 ÀÚ¹Ù½ºÅ©¸³Æ® °³¹ß ȯ°æ
__2.1 À¥½ºÅè ¼³Ä¡ ¹× ½ÇÇà
__2.2 ÇÁ·ÎÁ§Æ® »ý¼º ¹× ÇÁ·Î±×·¡¹Ö
__2.3 Å×½ºÆ® ¹× µð¹ö±ë
____2.3.1 Å×½ºÆ®
____2.3.2 µð¹ö±ë
CHAPTER 3 ÀÚ¹Ù½ºÅ©¸³Æ® µ¥ÀÌÅÍ Å¸ÀÔ°ú ¿¬»êÀÚ
__3.1 ÀÚ¹Ù½ºÅ©¸³Æ® ±âº» ŸÀÔ
____3.1.1 ¼ýÀÚ
____3.1.2 ¹®ÀÚ¿
____3.1.3 ºÒ¸°°ª
____3.1.4 null°ú undefined
__3.2 ÀÚ¹Ù½ºÅ©¸³Æ® ÂüÁ¶ ŸÀÔ(°´Ã¼ ŸÀÔ
____3.2.1 °´Ã¼ »ý¼º
____3.2.2 °´Ã¼ ÇÁ·ÎÆÛƼ Àбâ/¾²±â/°»½Å
____3.2.3 for in ¹®°ú °´Ã¼ ÇÁ·ÎÆÛƼ Ãâ·Â
____3.2.4 °´Ã¼ ÇÁ·ÎÆÛƼ »èÁ¦
__3.3 ÂüÁ¶ ŸÀÔÀÇ Æ¯¼º
____3.3.1 °´Ã¼ ºñ±³
____3.3.2 ÂüÁ¶¿¡ ÀÇÇÑ ÇÔ¼ö È£Ãâ ¹æ½Ä
__3.4 ÇÁ·ÎÅäŸÀÔ
__3.5 ¹è¿
____3.5.1 ¹è¿ ¸®ÅÍ·²
____3.5.2 ¹è¿ÀÇ ¿ä¼Ò »ý¼º
____3.5.3 ¹è¿ÀÇ length ÇÁ·ÎÆÛƼ
____3.5.4 ¹è¿°ú °´Ã¼
____3.5.5 ¹è¿ÀÇ ÇÁ·ÎÆÛƼ µ¿Àû »ý¼º
____3.5.6 ¹è¿ÀÇ ÇÁ·ÎÆÛƼ ¿°Å
____3.5.7 ¹è¿ ¿ä¼Ò »èÁ¦
____3.5.8 Array() »ý¼ºÀÚ ÇÔ¼ö
____3.5.9 À¯»ç ¹è¿ °´Ã¼
__3.6 ±âº» ŸÀÔ°ú Ç¥ÁØ ¸Þ¼µå
__3.7 ¿¬»êÀÚ
____3.7.1 + ¿¬»êÀÚ
____3.7.2 typeof ¿¬»êÀÚ
__3.7.3 == (µ¿µî) ¿¬»êÀÚ¿Í === (ÀÏÄ¡) ¿¬»êÀÚ
__3.7.4 !! ¿¬»êÀÚ
CHAPTER 4 ÇÔ¼ö¿Í ÇÁ·ÎÅäŸÀÔ Ã¼ÀÌ´×
__4.1 ÇÔ¼ö Á¤ÀÇ
____4.1.1 ÇÔ¼ö ¸®ÅÍ·²
____4.1.2 ÇÔ¼ö ¼±¾ð¹® ¹æ½ÄÀ¸·Î ÇÔ¼ö »ý¼ºÇϱâ
____4.1.3 ÇÔ¼ö Ç¥Çö½Ä ¹æ½ÄÀ¸·Î ÇÔ¼ö »ý¼ºÇϱâ
____4.1.4 Function() »ý¼ºÀÚ ÇÔ¼ö¸¦ ÅëÇÑ ÇÔ¼ö »ý¼ºÇϱâ
____4.1.5 ÇÔ¼ö È£À̽ºÆÃ
__4.2 ÇÔ¼ö °´Ã¼: ÇÔ¼öµµ °´Ã¼´Ù
____4.2.1 ÀÚ¹Ù½ºÅ©¸³Æ®¿¡¼´Â ÇÔ¼öµµ °´Ã¼´Ù
____4.2.2 ÀÚ¹Ù½ºÅ©¸³Æ®¿¡¼ ÇÔ¼ö´Â °ªÀ¸·Î Ãë±ÞµÈ´Ù
____4.2.3 ÇÔ¼ö °´Ã¼ÀÇ ±âº» ÇÁ·ÎÆÛƼ
__4.3 ÇÔ¼öÀÇ ´Ù¾çÇÑ ÇüÅÂ
____4.3.1 Äݹé ÇÔ¼ö
____4.3.2 Áï½Ã ½ÇÇà ÇÔ¼ö
____4.3.3 ³»ºÎ ÇÔ¼ö
____4.3.4 ÇÔ¼ö¸¦ ¸®ÅÏÇÏ´Â ÇÔ¼ö
__4.4 ÇÔ¼ö È£Ãâ°ú this
____4.4.1 arguments °´Ã¼
____4.4.2 È£Ãâ ÆÐÅÏ°ú this ¹ÙÀεù
____4.4.3 ÇÔ¼ö ¸®ÅÏ
__4.5 ÇÁ·ÎÅäŸÀÔ Ã¼ÀÌ´×
____4.5.1 ÇÁ·ÎÅäŸÀÔÀÇ µÎ °¡Áö ÀǹÌ
____4.5.2 °´Ã¼ ¸®ÅÍ·² ¹æ½ÄÀ¸·Î »ý¼ºµÈ °´Ã¼ÀÇ ÇÁ·ÎÅäŸÀÔ Ã¼ÀÌ´×
____4.5.3 »ý¼ºÀÚ ÇÔ¼ö·Î »ý¼ºµÈ °´Ã¼ÀÇ ÇÁ·ÎÅäŸÀÔ Ã¼ÀÌ´×
____4.5.4 ÇÁ·ÎÅäŸÀÔ Ã¼ÀÌ´×ÀÇ Á¾Á¡
____4.5.5 ±âº» µ¥ÀÌÅÍ Å¸ÀÔ È®Àå
____4.5.6 ÇÁ·ÎÅäŸÀÔµµ ÀÚ¹Ù½ºÅ©¸³Æ® °´Ã¼´Ù
____4.5.7 ÇÁ·ÎÅäŸÀÔ ¸Þ¼µå¿Í this ¹ÙÀεù
____4.5.8 µðÆúÆ® ÇÁ·ÎÅäŸÀÔÀº ´Ù¸¥ °´Ã¼·Î º¯°æÀÌ °¡´ÉÇÏ´Ù
____4.5.9 °´Ã¼ÀÇ ÇÁ·ÎÆÛƼ Àб⳪ ¸Þ¼µå¸¦ ½ÇÇàÇÒ ¶§¸¸ ÇÁ·ÎÅäŸÀÔ Ã¼ÀÌ´×ÀÌ µ¿ÀÛÇÑ´Ù
CHAPTER 5 ½ÇÇà ÄÁÅؽºÆ®¿Í Ŭ·ÎÀú
__5.1 ½ÇÇà ÄÁÅؽºÆ® °³³ä
__5.2 ½ÇÇà ÄÁÅؽºÆ® »ý¼º °úÁ¤
____5.2.1 È°¼º °´Ã¼ »ý¼º
____5.2.2 arguments °´Ã¼ »ý¼º
____5.2.3 ½ºÄÚÇÁ Á¤º¸ »ý¼º
____5.2.4 º¯¼ö »ý¼º
____5.2.5 this ¹ÙÀεù
____5.2.6 ÄÚµå ½ÇÇà
__5.3 ½ºÄÚÇÁ üÀÎ
____5.3.1 Àü¿ª ½ÇÇà ÄÁÅؽºÆ®ÀÇ ½ºÄÚÇÁ üÀÎ
____5.3.2 ÇÔ¼ö¸¦ È£ÃâÇÑ °æ¿ì »ý¼ºµÇ´Â ½ÇÇà ÄÁÅؽºÆ®ÀÇ ½ºÄÚÇÁ üÀÎ
__5.4 Ŭ·ÎÀú
____5.4.1 Ŭ·ÎÀúÀÇ °³³ä
____5.4.2 Ŭ·ÎÀúÀÇ È°¿ë
____5.4.3 Ŭ·ÎÀú¸¦ È°¿ëÇÒ ¶§ ÁÖÀÇ»çÇ×
CHAPTER 6 °´Ã¼ÁöÇâ ÇÁ·Î±×·¡¹Ö
__6.1 Ŭ·¡½º, »ý¼ºÀÚ, ¸Þ¼µå
__6.2 »ó¼Ó
____6.2.1 ÇÁ·ÎÅäŸÀÔÀ» ÀÌ¿ëÇÑ »ó¼Ó
____6.2.2 Ŭ·¡½º ±â¹ÝÀÇ »ó¼Ó
__6.3 ĸ½¶È
__6.4 °´Ã¼ÁöÇâ ÇÁ·Î±×·¡¹Ö ÀÀ¿ë ¿¹Á¦
____6.4.1 Ŭ·¡½ºÀÇ ±â´ÉÀ» °¡Áø subClass ÇÔ¼ö
____6.4.2 subClass ÇÔ¼ö¿Í ¸ðµâ ÆÐÅÏÀ» ÀÌ¿ëÇÑ °´Ã¼ÁöÇâ ÇÁ·Î±×·¡¹Ö
CHAPTER 7 ÇÔ¼öÇü ÇÁ·Î±×·¡¹Ö
__7.1 ÇÔ¼öÇü ÇÁ·Î±×·¡¹ÖÀÇ °³³ä
__7.2 ÀÚ¹Ù½ºÅ©¸³Æ®¿¡¼ÀÇ ÇÔ¼öÇü ÇÁ·Î±×·¡¹Ö
____7.2.1 ¹è¿ÀÇ °¢ ¿ø¼Ò ÃÑÇÕ ±¸Çϱâ
____7.2.2 ÆÑÅ丮¾ó
____7.2.3 ÇǺ¸³ªÄ¡ ¼ö¿
__7.3 ÀÚ¹Ù½ºÅ©¸³Æ®¿¡¼ÀÇ ÇÔ¼öÇü ÇÁ·Î±×·¡¹ÖÀ» È°¿ëÇÑ ÁÖ¿ä ÇÔ¼ö
____7.3.1 ÇÔ¼ö Àû¿ë
____7.3.2 Ä¿¸µ
____7.3.3 bind
____7.3.4 ·¡ÆÛ
____7.3.5 ¹Ýº¹ ÇÔ¼ö
CHAPTER 8 jQuery ¼Ò½º ÄÚµå ºÐ¼®
__8.1 jQuery 1.0 ¼Ò½º ÄÚµå ±¸Á¶
____8.1.1 jQuery ÇÔ¼ö °´Ã¼
____8.1.2 º¯¼ö $¸¦ jQuery() ÇÔ¼ö·Î ¸ÅÇÎ
____8.1.3 jQuery.prototype °´Ã¼ º¯°æ
____8.1.4 °´Ã¼ È®Àå - extend() ¸Þ¼µå
____8.1.5 jQuery ¼Ò½º ÄÚµåÀÇ ±âº» ±¸¼º ¿ä¼Ò
__8.2 jQueryÀÇ id ¼¿·ºÅÍ µ¿ÀÛ ºÐ¼®
____8.2.1 $(\"#myDiv\") »ìÆ캸±â
____8.2.2 $(\"#myDiv\").text() »ìÆ캸±â
__8.3 jQuery À̺¥Æ® Çڵ鷯 ºÐ¼®
____8.3.1 jQuery À̺¥Æ® ó¸® ¿¹Á¦
____8.3.2 .click() ¸Þ¼µå Á¤ÀÇ
____8.3.3 $(\'#clickDiv\').click() È£Ãâ ÄÚµå ºÐ¼®
____8.3.4 $(\'#clickDiv\').bind() ¸Þ¼µå ºÐ¼®
____8.3.5 Click À̺¥Æ® Çڵ鷯 ½ÇÇà °úÁ¤
____8.3.6 jQuery À̺¥Æ® Çڵ鷯 Ư¡