°£Æí°áÁ¦, ½Å¿ëÄ«µå û±¸ÇÒÀÎ
ÀÎÅÍÆÄÅ© ·Ôµ¥Ä«µå 5% (29,930¿ø)
(ÃÖ´ëÇÒÀÎ 10¸¸¿ø / Àü¿ù½ÇÀû 40¸¸¿ø)
ºÏÇǴϾð ·Ôµ¥Ä«µå 30% (22,050¿ø)
(ÃÖ´ëÇÒÀÎ 3¸¸¿ø / 3¸¸¿ø ÀÌ»ó °áÁ¦)
NH¼îÇÎ&ÀÎÅÍÆÄÅ©Ä«µå 20% (25,200¿ø)
(ÃÖ´ëÇÒÀÎ 4¸¸¿ø / 2¸¸¿ø ÀÌ»ó °áÁ¦)
Close

AngularJS·Î ÇÏ´Â À¥ ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß

¿øÁ¦ : Mastering Web Application Development with AngularJS
¼Òµæ°øÁ¦

2013³â 9¿ù 9ÀÏ ÀÌÈÄ ´©Àû¼öÄ¡ÀÔ´Ï´Ù.

ÆǸÅÁö¼ö 39
?
ÆǸÅÁö¼ö¶õ?
»çÀÌÆ®ÀÇ ÆǸŷ®¿¡ ±â¹ÝÇÏ¿© ÆǸŷ® ÃßÀ̸¦ ¹Ý¿µÇÑ ÀÎÅÍÆÄÅ© µµ¼­¿¡¼­ÀÇ µ¶¸³ÀûÀÎ ÆǸŠÁö¼öÀÔ´Ï´Ù. ÇöÀç °¡Àå Àß Æȸ®´Â »óÇ°¿¡ °¡ÁßÄ¡¸¦ µÎ¾ú±â ¶§¹®¿¡ ½ÇÁ¦ ´©Àû ÆǸŷ®°ú´Â ´Ù¼Ò Â÷ÀÌ°¡ ÀÖÀ» ¼ö ÀÖ½À´Ï´Ù. ÆǸŷ® ¿Ü¿¡µµ ´Ù¾çÇÑ °¡ÁßÄ¡·Î ±¸¼ºµÇ¾î ÃÖ±ÙÀÇ À̽´µµ¼­ È®Àνà À¯¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù. ÇØ´ç Áö¼ö´Â ¸ÅÀÏ °»½ÅµË´Ï´Ù.
Close
°øÀ¯Çϱâ
Á¤°¡

35,000¿ø

  • 31,500¿ø (10%ÇÒÀÎ)

    1,750P (5%Àû¸³)

ÇÒÀÎÇýÅÃ
Àû¸³ÇýÅÃ
  • S-Point Àû¸³Àº ¸¶ÀÌÆäÀÌÁö¿¡¼­ Á÷Á¢ ±¸¸ÅÈ®Á¤ÇϽŠ°æ¿ì¸¸ Àû¸³ µË´Ï´Ù.
Ãß°¡ÇýÅÃ
¹è¼ÛÁ¤º¸
  • 3/19(È­) À̳» ¹ß¼Û ¿¹Á¤  (¼­¿ï½Ã °­³²±¸ »ï¼º·Î 512)
  • ¹«·á¹è¼Û
ÁÖ¹®¼ö·®
°¨¼Ò Áõ°¡
  • À̺¥Æ®/±âȹÀü

  • ¿¬°üµµ¼­(224)

  • »óÇ°±Ç

AD

Ã¥¼Ò°³

[AngularJS·Î ÇÏ´Â À¥ ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß]Àº °­·ÂÇÑ ÇÁ·¹ÀÓ¿öÅ©¸¦ ±â¹ÝÀ¸·Î ´ÜÀÏ ÆäÀÌÁö ¾ÖÇø®ÄÉÀ̼ÇÀ» ´õ ÀûÀº ÄÚµå·Î ½±°Ô °³¹ßÇÒ ¼ö ÀÖ´Â AngularJS·Î À¥ ¾ÖÇø®ÄÉÀ̼ÇÀ» °³¹ßÇÏ´Â ¹æ¹ýÀ» ¼Ò°³ÇÑ Ã¥ÀÌ´Ù. AngularJS ¼­ºñ½º¿Í µð·ºÆ¼ºê¸¦ »ç¿ëÇؼ­ ¿ÏÀüÇÏ°í °ß°íÇÑ ¾ÖÇø®ÄÉÀ̼ÇÀ» ¸¸µå´Â ¹æ¹ý°ú AngularJS(µð·ºÆ¼ºê, ¼­ºñ½º, ÇÊÅÍ)¸¦ È®ÀåÇÏ´Â ¹æ¹ý, ³ôÀº Ç°ÁúÀÇ AngularJS °³¹ß ÇÁ·ÎÁ§Æ®¸¦ ¸¸µå´Â ¹æ¹ý µîÀ» ¾È³»ÇÑ´Ù.

ÃâÆÇ»ç ¼­Æò

¡Ú ¿ä¾à ¡Ú
¿äÁò °¡Àå ¶°¿À¸£´Â ÇÁ·ÐÆ®¿£µå Ãø °³¹ß ÇÁ·¹ÀÓ¿öÅ©¸¦ ²ÅÀÚ¸é ´Ü¿¬ÄÚ AngularJS´Ù. °­·ÂÇÑ ÇÁ·¹ÀÓ¿öÅ©¸¦ ±â¹ÝÀ¸·Î ´ÜÀÏ ÆäÀÌÁö ¾ÖÇø®ÄÉÀ̼ÇÀ» ´õ ÀûÀº ÄÚµå·Î ½±°Ô °³¹ßÇÒ ¼ö Àֱ⠶§¹®ÀÌ´Ù. ¶ÇÇÑ ÇÁ·¹ÀÓ¿öÅ© ÀÚü¿¡¼­ Å×½ºÆ®¸¦ ¹«¾ùº¸´Ù Áß¿äÇÏ°Ô »ý°¢Çϱ⠶§¹®¿¡ Å×½ºÆ® Äڵ带 ÇÔ²² ÀÛ¼ºÇÏ¿© ´õ¿í °ß°íÇÑ ¾ÖÇø®ÄÉÀ̼ÇÀ» ¸¸µé ¼ö ÀÖ´Ù. ÀÌ Ã¥Àº AngularJSÀÇ ±âº» Áö½Ä¿¡ ´ëÇÑ ¼³¸í°ú ÇÔ²² AngularJS·Î ¾ÖÇø®ÄÉÀ̼ÇÀ» ¾î¶»°Ô ¸¸µå´ÂÁö Àß ¼³¸íÇÑ´Ù. ±×¸®°í ½ÇÁ¦ ÇÁ·ÎÁ§Æ®¿¡¼­ AngularJS¸¦ »ç¿ëÇÏ´Â °æ¿ì ¸Â´Ú¶ß¸± ¼ö ÀÖ´Â ÁÖ¿äÇÑ ¹®Á¦µé¿¡ ´ëÇÑ ÇØ°áÃ¥µµ Á¦½ÃÇØÁÖ°í ÀÖ´Ù. ´Ü¼øÈ÷ AngularJS¸¦ ¹è¿ì´Â °ÍÀ» ³Ñ¾î¼­ ½ÇÁ¦ Çö¾÷¿¡¼­ AngularJS¸¦ Àß »ç¿ëÇÒ ¼ö ÀÖ´Â ÁÁÀº °¡À̵尡 µÇ¾îÁÙ °ÍÀÌ´Ù.

¡Ú ÀÌ Ã¥¿¡¼­ ´Ù·ç´Â ³»¿ë ¡Ú
¡á AngularJS ¼­ºñ½º¿Í µð·ºÆ¼ºê¸¦ »ç¿ëÇؼ­ ¿ÏÀüÇÏ°í °ß°íÇÑ ¾ÖÇø®ÄÉÀ̼ÇÀ» ¸¸µå´Â ¹æ¹ý
¡á ¸¶¶¥ÇÑ ÇØ°áÃ¥ÀÌ ¾øÀ» °æ¿ì AngularJS(µð·ºÆ¼ºê, ¼­ºñ½º, ÇÊÅÍ)¸¦ È®ÀåÇÏ´Â ¹æ¹ý
¡á ³ôÀº Ç°ÁúÀÇ AngularJS °³¹ß ÇÁ·ÎÁ§Æ®¸¦ ¸¸µå´Â ¹æ¹ý (ÄÚµå ±¸Á¶, ºôµå, Å×½ºÆÃ, ¼º´É °³¼±)

¡Ú ÀÌ Ã¥ÀÇ ´ë»ó µ¶ÀÚ ¡Ú
ÀÌ Ã¥Àº AngularJS¸¦ ½ÇÁ¦ ÇÁ·ÎÁ§Æ®¿¡ »ç¿ëÇϱâ·Î °áÁ¤Ç߰ųª ¾Æ´Ï¸é °í·ÁÁßÀÎ °³¹ßÀÚ¿¡°Ô ¸Å¿ì À¯¿ëÇÒ °ÍÀÌ´Ù. AngularJS¿¡ ´ëÇؼ­´Â ÃÖ¼ÒÇÑ ±âº» ¿¹Á¦ Á¤µµ´Â °æÇèÇغþî¾ß ÇÑ´Ù. ±×¸®°í HTML, CSS, ÀÚ¹Ù½ºÅ©¸³Æ®¿¡ ´ëÇÑ Áö½ÄÀÌ ÀÖ´Ù°í °¡Á¤ÇÑ´Ù

¡Ú ÀÌ Ã¥ÀÇ ±¸¼º ¡Ú
1Àå. AngularJS öÇÐ: AngularJS ÇÁ·¹ÀÓ¿öÅ©¿Í ÇÁ·ÎÁ§Æ®¸¦ ¼Ò°³ÇÑ´Ù. ±×¸®°í ÇÁ·ÎÁ§Æ®ÀÇ Ã¶Çаú ÁÖ¿ä °³³ä, ±âº» ±¸¼º ¿ä¼Ò¸¦ ¾Ë¾Æº»´Ù.

2Àå. ºôµå¿Í Å×½ºÆÃ: ÀÌ Ã¥¿¡¼­ »ç¿ëÇÒ »ùÇà ¾ÖÇø®ÄÉÀ̼ÇÀÇ ±âÃʸ¦ ¸¸µé¾î º»´Ù. ¹®Á¦ µµ¸ÞÀΰú ÇÔ²² Å×½ºÆðú ºôµå¿¡ ´ëÇÑ ¿ì¼ö »ç·Ê¸¦ »ìÆ캻´Ù.

3Àå. ¹é¿£µå ¼­¹ö¿ÍÀÇ Åë½Å: ¿ø°Ý ¹é¾Øµå¿¡¼­ µ¥ÀÌÅ͸¦ ¹Þ¾Æ¿À´Â ¹æ¹ý°ú ¹Þ¾Æ¿Â µ¥ÀÌÅ͸¦ AngularJS·Î UI¿¡ È¿°úÀûÀ¸·Î º¸¿©ÁÖ´Â ¹æ¹ýÀ» ¹è¿öº»´Ù. ÀÌ Àå¿¡¼­´Â ÇÁ¶ó¹Ì½º API¿¡ ´ëÇؼ­µµ »ìÆ캻´Ù.

4Àå. µ¥ÀÌÅÍ Æ÷¸Ë°ú Ãâ·Â: º¸¿©ÁÙ µ¥ÀÌÅ͸¦ ÀÌ¹Ì ¹é¿£µå¿¡¼­ ¹Þ¾Æ¿Ô´Ù°í °¡Á¤ÇÏ°í µ¥ÀÌÅ͸¦ UI¿¡ ¾î¶»°Ô ·»´õ¸µÇÏ´ÂÁö ¾Ë¾Æ º»´Ù. ¶ÇÇÑ UI¸¦ ·»´õ¸µÇϱâ À§ÇÑ AngularJS µð·ºÆ¼ºê¿Í µ¥ÀÌÅÍ Æ÷¸ËÀ» º¯°æÇϱâ À§ÇÑ AngularJS ÇÊÅÍÀÇ »ç¿ë¹ýµµ »ìÆ캻´Ù.

5Àå. °í±Þ Æû ¸¸µé±â: ´Ù¾çÇÑ Á¾·ùÀÇ input Çʵå¿Í ÆûÀ¸·Î »ç¿ëÀÚ¿¡°Ô µ¥ÀÌÅ͸¦ Á¶ÀÛÇÒ ¼ö ÀÖ´Â ±â´ÉÀ» ¾î¶»°Ô Á¦°øÇÏ´ÂÁö ¾Ë¾Æº»´Ù. AngularJS°¡ Áö¿øÇÏ´Â ´Ù¾çÇÑ Á¾·ùÀÇ inputÀ» »ìÆ캸°í Æû °ËÁõ¿¡ ´ëÇؼ­µµ ¾Ë¾Æº»´Ù.

6Àå. ³»ºñ°ÔÀÌ¼Ç ±¸¼º: °¢°¢ÀÇ È­¸éÀ» Àß ±¸¼ºÇؼ­ ½±°Ô À̵¿ÇÒ ¼ö ÀÖ´Â ¾ÖÇø®ÄÉÀ̼ÇÀ» ¸¸µå´Â ¹æ¹ýÀ» »ìÆ캻´Ù. ±×¸®°í ´ÜÀÏ ÆäÀÌÁö À¥ ¾ÖÇø®ÄÉÀ̼ǿ¡¼­ URLÀÇ ¿ªÇÒÀ» ¾Ë¾Æº¸°í URL°ú ³»ºñ°ÔÀ̼ÇÀ» °ü¸®ÇÏ´Â AngularJS ¼­ºñ½º¸¦ ÀÍÇôº»´Ù.

7Àå. ¾ÖÇø®ÄÉÀÌ¼Ç º¸¾È: AngularJS·Î ¸¸µç ´ÜÀÏ ÆäÀÌÁö À¥ ¾ÖÇø®ÄÉÀ̼ÇÀÇ º¸¾È¿¡ ´ëÇØ ÀÚ¼¼È÷ ¾Ë¾Æº»´Ù. ±×¸®°í »ç¿ëÀÚ¸¦ ÀÎÁõÇÏ°í ±ÇÇÑÀ» ºÎ¿©ÇÏ´Â ÄÁ¼Á°ú ¹æ¹ýµµ ¾Ë¾Æº»´Ù.

8Àå. ³ª¸¸ÀÇ µð·ºÆ¼ºê ¸¸µé±â: AngularJSÀÇ °¡Àå Èï¹Ì·Î¿î ºÎºÐ Áß ÇϳªÀÎ µð·ºÆ¼ºê¿¡ ´ëÇØ ¾Ë¾Æº»´Ù. »ùÇà µð·ºÆ¼ºêÀÇ ±¸Á¶¸¦ ¼³¸íÇÏ°í Å×½ºÆ® Äڵ带 ÀÛ¼ºÇÏ´Â Àü·«µµ ¾Ë¾Æº»´Ù.

9Àå. µð·ºÆ¼ºê ¸¸µé±â ½ÉÈ­: 8ÀåÀÇ ³»¿ëÀ» ±âÃÊ·Î Çؼ­ µð·ºÆ¼ºê¿¡ ´ëÇÑ Á¶±Ý ´õ ½Éµµ ±íÀº ³»¿ëÀ» ¾Ë¾Æº»´Ù. ½ÇÁ¦ µð·ºÆ¼ºê ¿¹Á¦¸¦ ÅëÇØ º¹ÀâÇÑ ±â¹ýµµ »ìÆ캻´Ù.

10Àå. Àü ¼¼°è¸¦ ´ë»óÀ¸·Î ÇÏ´Â AngularJS À¥ ¾ÖÇø®ÄÉÀÌ¼Ç ¸¸µé±â: AngularJS ¾ÖÇø®ÄÉÀ̼ÇÀÇ ±¹Á¦È­¿¡ ´ëÇÑ ³»¿ëÀ» »ìÆ캻´Ù. ÅÛÇø´ÀÇ ³»¿ëÀ» ·ÎÄÉÀÏ ¼³Á¤ °ª¿¡ µû¶ó ¹ø¿ªÇÏ´Â ¹æ¹ýµµ ¾Ë¾Æº»´Ù.

11Àå. °ß°íÇÑ AngularJS À¥ ¾ÖÇø®ÄÉÀÌ¼Ç ¸¸µé±â: À¥ ¾ÖÇø®ÄÉÀ̼ÇÀÇ ºñ±â´ÉÀûÀÎ ¿ä¼ÒÀÎ ¼º´É ¿ä±¸»çÇ׿¡ ÁýÁßÇغ»´Ù. ¼º´É Ư¼ºÀ» ÀÌÇØÇϱâ À§ÇØ AngularJSÀÇ ³»ºÎ¸¦ »ìÆ캸°í ¼º´É¿¡ ¿µÇâÀ» ¹ÌÄ¡´Â °æ¿ì¿¡ ´ëÇؼ­µµ ÀÚ¼¼È÷ ¾Ë¾Æº»´Ù.

12Àå. AngularJS À¥ ¾ÖÇø®ÄÉÀ̼ÇÀÇ ÆÐŰ¡°ú ¹èÆ÷: ½ÇÁ¦ ¿î¿µ ȯ°æ¿¡ ¹èÆ÷Çϱâ À§ÇØ ¾ÖÇø®ÄÉÀ̼ÇÀ» ÁغñÇÏ´Â °úÁ¤À» »ìÆ캻´Ù. ¾ÖÇø®ÄÉÀ̼ÇÀ» ¾î¶»°Ô ÃÖÀûÈ­ÇÏ´ÂÁö ¾Ë¾Æº¸°í ƯÈ÷ ½ÃÀÛ ÆäÀÌÁöÀÇ ÃÖÀûÈ­ ¹æ¹ý¿¡ ÁýÁßÇغ»´Ù.

¡Ú ÀúÀÚ ¼­¹® ¡Ú
AngularJS´Â ºñ±³Àû »õ·Î µîÀåÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® MVC ÇÁ·¹ÀÓ¿öÅ©ÀÌÁö¸¸ ½ÃÀåÀÇ Æǵµ¸¦ ¹Ù²Ü ¸¸ÇÑ ´ë´ÜÇÑ ¹°°ÇÀÌ´Ù. ÅÛÇø´À» ±×¸®´Â »õ·Î¿î ¹æ½Ä°ú ¾ç¹æÇâ µ¥ÀÌÅÍ ¹ÙÀεùÀ» Áö¿øÇؼ­ ¸Å¿ì °­·ÂÇÏ°í »ç¿ëÇϱ⵵ ½±´Ù. »ç¶÷µéÀº ´Ù¸¥ ¹æ¹ý¿¡ ºñÇؼ­ AngularJS¸¦ »ç¿ëÇßÀ» ¶§ ¾ÖÇø®ÄÉÀÌ¼Ç ÄÚµåÀÇ ¾çÀ» ȹ±âÀûÀ¸·Î ÁÙÀÏ ¼ö ÀÖ¾ú´Ù´Â À̾߱⸦ °è¼Ó µé·ÁÁÖ°í ÀÖ´Ù.

AngularJS´Â ¶Ù¾î³­ ±â¼úÀÇ Áý¾àü´Ù. Å×½ºÆ®¿Í ÄÚµå Ç°ÁúÀ» °­·ÂÇÏ°Ô °­Á¶Çϱ⠶§¹®¿¡ Àüü ÀÚ¹Ù½ºÅ©¸³Æ® ¿¡ÄÚ ½Ã½ºÅÛ¿¡¼­ ÁÁÀº »ç·Ê·Î ¼Õ²ÅÈ÷°í ÀÖ´Ù. ³ôÀº Ç°Áú°ú ±â¼úÀÇ Âü½ÅÇÔÀ» °í·ÁÇغ¼ ¶§ ¸¹Àº »ç¶÷µéÀÌ ÀÌ ÇÁ·¹ÀÓ¿öÅ©¿¡ ²ø¸®´Â ¸ð½ÀÀ» º¸´Â °ÍÀº ±×¸® ³î¶øÁö ¾Ê´Ù. AngularJS¿¡ ´ëÇÑ ¸Å¿ì È°¹ßÇÏ°í Àû±ØÀûÀÎ Ä¿¹Â´ÏƼ¸¦ ¸¸µé¸é¼­ ¸»ÀÌ´Ù. ±×¸®°í ÀÌ·Î ÀÎÇØ AngularJS´Â Á¡Á¡ ´õ À¯¸íÇØÁö°í ÀÖ´Ù.

AngularJS°¡ Á¡Á¡ ´õ À¯¸íÇØÁö¸é¼­ »ç¶÷µéÀº º¹ÀâÇÑ ÇÁ·ÎÁ§Æ®¿¡µµ AngularJS¸¦ »ç¿ëÇϱ⠽ÃÀÛÇß´Ù. ÇÏÁö¸¸ ¾ó¸¶ Áö³ªÁö ¾Ê¾Æ °ø½Ä ¹®¼­³ª À¥»óÀÇ °£´ÜÇÑ ¿¹Á¦·Î´Â ÇØ°áÇÒ ¼ö ¾ø´Â ¹®Á¦¿¡ ¸Â´Ú¶ß¸®°Ô µÉ °ÍÀÌ´Ù. ´Ù¸¥ ±â¼ú°ú ºñ±³Çؼ­ AngularJS¿¡´Â Ä¿¹Â´ÏƼ¿¡ ¾ÆÁ÷ °øÀ¯µÇÁö ¸øÇÑ, °æÇèÀ¸·ÎºÎÅÍ ³ª¿À´Â À̵ð¾ö, ÆÐÅÏ, ¿ì¼ö »ç·Ê°¡ ¸¹ÀÌ Á¸ÀçÇϱ⠶§¹®ÀÌ´Ù.

ÀÌ Ã¥À» ÁýÇÊÇÑ ÀÌÀ¯´Â AngularJS ¾ÖÇø®ÄÉÀ̼ÇÀ» Á¤¼®´ë·Î ¸¸µå´Â ¹æ¹ýÀÌ ¹«¾ùÀÎÁö ¾Ë·ÁÁÖ°í ½Í¾î¼­´Ù. ±×·¡¼­ ÀÌ Ã¥Àº ÇÁ·¹ÀÓ¿öÅ©°¡ ¾î¶»°Ô µ¿ÀÛÇÏÁö¸¦ ´Ù·ç±âº¸´Ù´Â AngularJS¸¦ »ç¿ëÇؼ­ º¹ÀâÇÑ À¥ ¾ÖÇø®ÄÉÀ̼ÇÀ» ¾î¶»°Ô ¸¸µå´ÂÁö¿¡ ÁýÁßÇÑ´Ù. ±×¸®°í AngularJS Ä¿¹Â´ÏƼ¿¡ ½ÇÁ¦·Î ¿Ã¶ó¿Â Áú¹®°ú ±×¿¡ ´ëÇÑ ½ÇÁ¦ ÇØ°áÃ¥µµ Á¦°øÇÑ´Ù.

¡Ú ¿Å±äÀÌÀÇ ¸» ¡Ú
¿äÁò °¡Àå ¶°¿À¸£´Â ÇÁ·ÐÆ®¿£µå MVC ÇÁ·¹ÀÓ¿öÅ©¸¦ ²ÅÀÚ¸é ´Ü¿¬ÄÚ AngularJS´Ù. °­·ÂÇÑ ÇÁ·¹ÀÓ¿öÅ©¸¦ ±â¹ÝÀ¸·Î ´ÜÀÏ ÆäÀÌÁö À¥ ¾ÖÇø®ÄÉÀ̼ÇÀ» ½±°Ô °³¹ßÇÒ ¼ö Àֱ⠶§¹®ÀÌ´Ù. ÀÇÁ¸¼º ÁÖÀÔ ±â´ÉÀ¸·Î Àç»ç¿ëÀÌ °¡´ÉÇÑ Äڵ带 ½±°Ô ÀÛ¼ºÇÒ ¼ö ÀÖ°í µð·ºÆ¼ºê¸¦ »ç¿ëÇؼ­ »õ·Î¿î HTML ű׸¦ ¸¸µé¾î Á» ´õ ¼±¾ðÀûÀÎ ¹æ½ÄÀ¸·Î ÅÛÇø´À» ±¸¼ºÇÒ ¼öµµ ÀÖ´Ù. ±×¸®°í ¸ðµ¨ÀÇ °èÃþ±¸Á¶¸¦ ¸¸µé¾î¼­ Áߺ¹µÇ´Â Äڵ带 ÁÙÀÌ°í ´õ¿í ±ò²ûÇÑ Äڵ带 ÀÛ¼ºÇÒ ¼öµµ ÀÖ´Ù.

ÇÏÁö¸¸ À̺¸´Ù ³» ¸¶À½À» ²ø¾ú´ø °ÍÀº AngularJS ÇÁ·¹ÀÓ¿öÅ© ÀÚü¿¡¼­ Å×½ºÆ®¸¦ °­Á¶ÇÏ´Â ¸ð½ÀÀ̾ú´Ù. ¹é¿£µå´Â ±×³ª¸¶ Å×½ºÆ® Äڵ带 ÀÛ¼ºÇϱ⠽¬¿î ȯ°æÀÌÁö¸¸ ÇÁ·ÐÆ®¿£µå´Â »ó´ëÀûÀ¸·Î Å×½ºÆ® Äڵ带 ÀÛ¼ºÇϱⰡ ¾î·Á¿î °Ô Çö½ÇÀÌ´Ù. ÇÏÁö¸¸ AngularJS´Â ´Ù¸£´Ù. Å×½ºÆ® ÀÛ¼ºÀ» Àå·ÁÇÏ°í Å×½ºÆ® Äڵ带 ÀÛ¼ºÇϱ⠽±µµ·Ï ÇÁ·¹ÀÓ¿öÅ©°¡ µµ¿ÍÁÖ°í ÀÖ´Ù. Jasmine°ú Karma¸¦ ±â¹ÝÀ¸·Î ÇÏ´Â ´ÜÀ§ Å×½ºÆ®ºÎÅÍ protractor¸¦ ±â¹ÝÀ¸·Î ÇÏ´Â ÅëÇÕÅ×½ºÆ®±îÁö ±¤¹üÀ§ÇÏ°Ô Å×½ºÆ®¸¦ ÀÛ¼ºÇÒ ¼ö Àִ ȯ°æÀ» Á¦°øÇÑ´Ù. ÀÌ·¯ÇÑ È¯°æ¿¡¼­ ÇÁ·ÐÆ®¿£µå ÇÁ·ÎÁ§Æ®¸¦ ÁøÇàÇÑ´Ù¸é ¿ì¸®¸¦ µçµçÇÏ°Ô ÁöÄÑÁÖ´Â Å×½ºÆ® ÄÚµå¿Í ÇÔ²² ´õ¾øÀÌ Áñ°Ì°Ô °³¹ßÇÒ ¼ö ÀÖÀ» °ÍÀÌ´Ù. AngularJS·Î ½ÇÁ¦ À¥ ¼­ºñ½º¸¦ °³¹ßÇϸ鼭 ÀÌ¿Í °°Àº ³» »ý°¢Àº ´õ È®°íÇØÁ³´Ù.

ÇÏÁö¸¸ AngularJS·Î ½ÇÁ¦ À¥ ¼­ºñ½º¸¦ °³¹ßÇÏ´Ù º¸´Ï ÀÌ·± Àú·± ¹®Á¦µé¿¡ ºÎµúÈ÷°Ô µÆ´Ù. ¹®Á¦¸¦ ÇØ°áÇÏ´Â ¹æ¹ýÀº ¹«¾ùÀÎÁö, ¾î¶»°Ô ±¸ÇöÇÏ´Â °Ô °¡Àå ÁÁÀº ¹æ¹ýÀÎÁö´Â AngularJS °ø½Ä ÆäÀÌÁöÀÇ Æ©Å丮¾ó°ú °¡À̵å·Î´Â ºÎÁ·Çß´Ù. ±×·² ¶§¸¶´Ù ÀÌ Ã¥ÀÇ µµ¿òÀ» ¸¹ÀÌ ¹Þ¾Ò´Ù. ÀÌ Ã¥Àº AngularJSÀÇ ±âº»ÀûÀÎ ³»¿ëÀº ¹°·ÐÀÌ°í ½ÇÁ¦ ÇÁ·ÎÁ§Æ®¿¡¼­ AngularJS¸¦ »ç¿ëÇÒ ¶§ ºÎµúÈú ¼ö ÀÖ´Â ¿©·¯ ¹®Á¦µé¿¡ ´ëÇÑ ÇØ°áÃ¥À» Ä£ÀýÇÏ°Ô ¼³¸íÇØÁØ´Ù. Å×½ºÆ® Äڵ带 Àß ÀÛ¼ºÇÏ´Â ¹æ¹ýµµ ¹°·Ð ¾Ë·ÁÁØ´Ù. ±×¸®°í ÇÁ·¹ÀÓ¿öÅ© ³»ºÎÀÇ ½Éµµ ±íÀº ³»¿ë±îÁö ´Ù·ç°í À־ Çö¾÷¿¡ AngularJS¸¦ ¾²°í ÀÖ´Â °³¹ßÀڵ鿡°Ô ¸¹Àº µµ¿òÀÌ µÇ¸®¶ó »ý°¢ÇÑ´Ù.

ÀÚ, ÀÌÁ¦ ÁÖÀúÇÏÁö ¸»°í AngularJS¶ó´Â °ÅÀÎÀÇ ¾î±ú À§¿¡ ¿Ã¶ó°¡¼­ ´õ ¸Ö¸® ¹Ù¶óº¸°í ´õ ºü¸£°Ô À̵¿ÇÏÀÚ. ºÐ¸í »õ·Î¿î ¼¼»óÀÌ º¸ÀÏ °ÍÀÌ´Ù.

¸ñÂ÷

1Àå AngularJS öÇÐ
AngularJS¿ÍÀÇ Ã¹ ¸¸³²
__ÇÁ·¹ÀÓ¿öÅ©¿¡ Àͼ÷ÇØÁö±â
__ÇÁ·ÎÁ§Æ®¿¡¼­ ÀڽŸ¸ÀÇ ±æ ã±â
____Ä¿¹Â´ÏƼ
____¿Â¶óÀÎ ÇнÀ ÀÚ·á
__¶óÀ̺귯¸®¿Í È®À强
__µµ±¸
____Batarang
____Plunker¿Í jSFiddle
____IDE È®Àå ±â´É°ú Ç÷¯±×ÀÎ
AngularJS ÁýÁß °­ÁÂ
__Hello World: AngularJS ¿¹Á¦
____¾ç¹æÇâ µ¥ÀÌÅÍ ¹ÙÀεù
__AngularJSÀÇ MVC ÆÐÅÏ
____Àüü »ìÆ캸±â
____½ºÄÚÇÁ ½ÉÈ­
____ºä
__¸ðµâ°ú ÀÇÁ¸¼º ÁÖÀÔ
____AngularJSÀÇ ¸ðµâ
____°´Ã¼µé°úÀÇ ¿¬µ¿
____¼­ºñ½º µî·Ï
____¸ðµâ »ý¸íÁÖ±â
____´Ù¸¥ ¸ðµâ¿¡ ÀÇÁ¸ÇÏ´Â ¸ðµâ
AngularJS¿Í ³ª¸ÓÁö ¼¼»ó
__Á¦ÀÌÄõ¸®¿Í AngularJS
____»ç°ú¿Í ¿À·»Áö
__¹Ì·¡ »ì¦ ¿³º¸±â
Á¤¸®


2Àå ºôµå¿Í Å×½ºÆÃ
»ùÇà ¾ÖÇø®ÄÉÀÌ¼Ç ¼Ò°³
__¹®Á¦ µµ¸ÞÀο¡ Àͼ÷ÇØÁö±â
__±â¼ú ½ºÅÃ
__¿µ±¸ ÀúÀå¼Ò
____¸ù°í·¦
____¼­¹ö Ãø ȯ°æ
____¼­µåÆÄƼ ÀÚ¹Ù½ºÅ©¸³Æ® ¶óÀ̺귯¸®
____ºÎÆ®½ºÆ®·¦ CSS
ºôµå ½Ã½ºÅÛ
__ºôµå ½Ã½ºÅÛ ¿øÄ¢
____¸ðµÎ ÀÚµ¿È­
____ºü¸¥ ½ÇÆÐ¿Í ºü¸¥ ¼ö½À
____´Ù¸¥ ÀýÂ÷¶ó¸é ´Ù¸¥ ¸í·ÉÀ¸·Î
____ºôµå ½ºÅ©¸³Æ®µµ ÄÚµå´Ù
__µµ±¸
____Grunt.js
____Å×½ºÆ® ¶óÀ̺귯¸®¿Í µµ±¸
____Jasmine
____Karma ½ÇÇà±â
ÆÄÀÏ°ú Æú´õ ±¸Á¶
__·çÆ® Æú´õ
__¼Ò½º Æú´õ ³»ºÎ
____AngularJS °ü·Ã ÆÄÀÏ
____½ÃÀÛÀº °£´ÜÇÏ°Ô
____Å×½ºÆ® Æú´õ ³»¿ë
__ÆÄÀÏ ¸í¸í ±ÔÄ¢
AngularJS ¸ðµâ°ú ÆÄÀÏ
__ÇϳªÀÇ ¸ðµâÀº ÇϳªÀÇ ÆÄÀÏ·Î
__¸ðµâ ³»ºÎ
____Á¦°øÀÚ¸¦ µî·ÏÇÏ´Â ¿©·¯ °¡Áö ¹®¹ý
____¼³Á¤°ú ½ÇÇà ¹üÀ§¸¦ ¼±¾ðÇÏ´Â ¹®¹ý
ÀÚµ¿È­µÈ Å×½ºÆ®
__´ÜÀ§ Å×½ºÆ®
____Jasmine Å×½ºÆ® ±¸Á¶
____AngularJS °´Ã¼ Å×½ºÆ®
____¼­ºñ½º Å×½ºÆ®
____ÄÁÆ®·Ñ·¯ Å×½ºÆ®
____¸ñ °´Ã¼¿Í ºñµ¿±â ÄÚµå Å×½ºÆ®
__Á¾´Ü °£ Å×½ºÆ®
____ÀÏÀÏ ÀÛ¾÷ È帧
____Karma ½ÇÇà±â ÆÁ
____ƯÁ¤ Å×½ºÆ®¸¸ ½ÇÇà
____µð¹ö±ë
Á¤¸®


3Àå ¹é¿£µå ¼­¹ö¿ÍÀÇ Åë½Å
$http·Î XHR°ú JSONP ¿äû »ý¼º
__µ¥ÀÌÅÍ ¸ðµ¨°ú MongoLab URL¿¡ Àͼ÷ÇØÁö±â
__$http API ºü¸£°Ô »ìÆ캸±â
____¼³Á¤ °´Ã¼ ÀÔ¹®
____¿äû µ¥ÀÌÅÍ º¯È¯
____HTTP ÀÀ´ä ó¸®
____ÀÀ´ä µ¥ÀÌÅÍ º¯È¯
__µ¿ÀÏ Ãâó Á¤Ã¥ Á¦ÇÑ ´Ù·ç±â
____JSONP·Î µ¿ÀÏ Ãâó Á¤Ã¥ Á¦ÇÑ ±Øº¹
____JSONPÀÇ ÇÑ°è
____CORS·Î µ¿ÀÏ Ãâó Á¤Ã¥ Á¦ÇÑ ±Øº¹
____¼­¹ö Ãø ÇÁ¶ô½Ã
$q ÇÁ¶ó¹Ì½º API
__ÇÁ¶ó¹Ì½º¿Í $q ¼­ºñ½º »ç¿ë
____$q ¼­ºñ½º ±âº»
____ÀÏ±Þ ÀÚ¹Ù½ºÅ©¸³Æ® °´Ã¼ÀÎ ÇÁ¶ó¹Ì½º
____ÄÝ¹é ¸ðÀ½
____ÄÝ¹é µî·Ï°ú ÇÁ¶ó¹Ì½º »ý¸íÁÖ±â
____ºñµ¿±â µ¿ÀÛ Ã¼ÀÎ
____$q ½ÉÈ­
__AngularJSÀÇ $q ÅëÇÕ
$http¿Í ÇÁ¶ó¹Ì½º API
RESTful ¿£µåÆ÷ÀÎÆ®¿Í Åë½Å
__$resource ¼­ºñ½º
____»ý¼ºÀÚ ±â¹Ý ¸Þ¼Òµå¿Í ÀνºÅϽº ±â¹Ý ¸Þ¼Òµå
____$resource°¡ »ý¼ºÇÏ´Â ºñµ¿±â ¸Þ¼Òµå
____$resource ¼­ºñ½ºÀÇ ÇÑ°è
__$http·Î ¸¸µç »ç¿ëÀÚ Á¤ÀÇ REST ¾î´ðÅÍ
$http Ãß°¡ ±â´É »ç¿ë
__ÀÀ´ä °¡·Îä±â
$http¿Í Åë½ÅÇÏ´Â Å×½ºÆ® ÄÚµå
Á¤¸®


4Àå µ¥ÀÌÅÍ Æ÷¸Ë°ú Ãâ·Â
µð·ºÆ¼ºê¿¡ ´ëÇÑ ÂüÁ¶
Ç¥Çö½Ä Æò°¡ °á°ú Ãâ·Â
__ÀÎÅÍÆú·¹ÀÌ¼Ç µð·ºÆ¼ºê
__ngBind·Î ¸ðµ¨ °ª ·»´õ¸µ
__AngularJS Ç¥Çö½Ä ¾ÈÀÇ HTML
Á¶°ÇºÎ Ãâ·Â
__Á¶°Çº°·Î ƯÁ¤ ºí·Ï Ãß°¡
ngRepeat µð·ºÆ¼ºê·Î Ä÷º¼Ç ·»´õ¸µ
__ngRepeat µð·ºÆ¼ºê Àͼ÷ÇØÁö±â
__Ưº°ÇÑ º¯¼ö
__°´Ã¼ÀÇ ÇÁ·ÎÆÛƼ ¼øȸ
__ngRepeat ÆÐÅÏ
____¸®½ºÆ®¿Í ¼¼ºÎ ³»¿ë
____Å×À̺í, ¿ä¼Ò, Ŭ·¡½º ¼öÁ¤
DOM À̺¥Æ® Çڵ鷯
DOM ±â¹Ý ÅÛÇø´ÀÇ È¿À²ÀûÀÎ »ç¿ë
__ÀåȲÇÑ ¹®¹ý
__ngRepeat°ú ¿©·¯ DOM ¿ä¼Ò
__½ÇÇà Áß¿¡ º¯°æÇÒ ¼ö ¾ø´Â ¿ä¼Ò¿Í ¼Ó¼º
__»ç¿ëÀÚ Á¤ÀÇ HTML ¿ä¼Ò¿Í ¿À·¡µÈ ¹öÀüÀÇ IE
ÇÊÅÍ·Î ¸ðµ¨ ´Ù·ç±â
__±âº» Á¦°ø ÇÊÅÍ
____¼­½Ä º¯°æ ÇÊÅÍ
____¹è¿­ º¯°æ ÇÊÅÍ
__»ç¿ëÀÚ Á¤ÀÇ ÇÊÅÍ »ý¼º: ÆäÀÌÁö ¹øÈ£ ¸Å±â±â ¿¹Á¦
__ÀÚ¹Ù½ºÅ©¸³Æ® Äڵ忡¼­ ÇÊÅÍ Á¢±Ù
__ÇÊÅÍ ÁÖÀÇ »çÇ×
____ÇÊÅÍ¿Í DOM Á¶ÀÛ
____ÇÊÅÍÀÇ µ¥ÀÌÅÍ º¯Çü ºñ¿ë
____ºÒ¾ÈÁ¤ÇÑ ÇÊÅÍ
Á¤¸®


5Àå °í±Þ Æû ÀÛ¼º
±âº» Æû°ú AngularJS Æû ºñ±³
__ngModel µð·ºÆ¼ºê ¼Ò°³
»ç¿ëÀÚ Á¤º¸ Æû ÀÛ¼º
input µð·ºÆ¼ºêÀÇ ÀÌÇØ
__ÇÊ¿äÇÑ °ª °ËÁõ
__¹®ÀÚ ±â¹Ý input »ç¿ë
__üũ¹Ú½º input »ç¿ë
__¶óµð¿À input »ç¿ë
__select input »ç¿ë
____°£´ÜÇÑ ¹®ÀÚ¿­ ¿É¼Ç
____ngOptions µð·ºÆ¼ºê¸¦ »ç¿ëÇÑ µ¿ÀûÀÎ ¿É¼Ç
____select µð·ºÆ¼ºê·Î ºó ¿É¼Ç ó¸®
____select¿Í °´Ã¼ µ¿Ä¡ ÀÌÇØ
____¿©·¯ °³ÀÇ ¿É¼Ç ¼±ÅÃ
__±âÁ¸ HTML hidden input Çʵå
____¼­¹ö°¡ »ý¼ºÇÑ °ª¿¡ Æ÷ÇÔµÈ °æ¿ì
____±âÁ¸ HTML Æû Á¦Ãâ
ngModel µ¥ÀÌÅÍ ¹ÙÀεù ½ÉÈ­ ÇнÀ
__ngModelController
____¸ðµ¨°ú ºäÀÇ °ª º¯Çü
____°ª º¯°æ ¿©ºÎ ÃßÀû
____input Çʵå À¯È¿ ¿©ºÎ ÃßÀû
AngularJS Æû °ËÁõ
__ngFormController
____name ¼Ó¼ºÀ¸·Î ÆûÀ» ½ºÄÚÇÁ¿¡ Ãß°¡
__»ç¿ëÀÚ Á¤º¸ Æû¿¡ µ¿ÀûÀÎ µ¿ÀÛ Ãß°¡
____À¯È¿ °Ë»ç ¿À·ù º¸¿©ÁÖ±â
____ÀúÀå ¹öÆ° ºñÈ°¼ºÈ­
__ºê¶ó¿ìÀú ÀÚü °ËÁõ ±â´É ºñÈ°¼ºÈ­
´Ù¸¥ Æû°ú ÁßøµÈ Æû
__Àç»ç¿ë °¡´ÉÇÑ ÄÄÆ÷³ÍÆ®·Î¼­ÀÇ ¼­ºê Æû »ç¿ë
¼­ºê Æû ¹Ýº¹ »ç¿ë
__¹Ýº¹µÇ´Â input °ËÁõ
±âÁ¸ HTML Æû Á¦Ãâ
__¼­¹ö·Î ¹Ù·Î Æû Á¦Ãâ
__Á¦Ãâ À̺¥Æ® ´Ù·ç±â
____ngSubmitÀ¸·Î Æû Á¦Ãâ
____ngClickÀ¸·Î Æû Á¦Ãâ
»ç¿ëÀÚ Á¤º¸ Æû ÃʱâÈ­
Á¤¸®


6Àå ³»ºñ°ÔÀÌ¼Ç ±¸¼º
´ÜÀÏ ÆäÀÌÁö À¥ ¾ÖÇø®ÄÉÀ̼ÇÀÇ URL
__HTML5 ÀÌÀü ½Ã´ëÀÇ Hashbang URL
__HTML5¿Í history API
$location ¼­ºñ½º »ç¿ë
__$location ¼­ºñ½º API¿Í URL ÀÌÇØ
__ÇؽÃ, ÆäÀÌÁö ³»ºñ°ÔÀ̼Ç, $anchorScroll
__HTML5 ¸ðµå ¼³Á¤
____Ŭ¶óÀ̾ðÆ® Ãø
____¼­¹ö Ãø
__$location ¼­ºñ½º·Î Á÷Á¢ ³»ºñ°ÔÀÌ¼Ç ÀÛ¼º
____ÆäÀÌÁö °æ·Î ÀÛ¼º
____°æ·Î¿¡ URL ¿¬°á
____°æ·Î¸¶´Ù ÄÁÆ®·Ñ·¯ Á¤ÀÇ
____Á÷Á¢ Á¦ÀÛÇÑ ³»ºñ°ÔÀ̼ÇÀÇ ´ÜÁ¡
AngularJS ³»Àå °æ·Î ¼­ºñ½º »ç¿ë
__±âº»ÀûÀÎ °æ·Î Á¤ÀÇ
____ÀÏÄ¡ÇÏ´Â °æ·ÎÀÇ ³»¿ë º¸¿©ÁÖ±â
__º¯°æµÇ´Â °æ·Î ã±â
____±âº» °æ·Î ¼³Á¤
____°æ·ÎÀÇ ¸Å°³º¯¼ö °ª »ç¿ë
__¼­·Î ´Ù¸¥ ÄÁÆ®·Ñ·¯¿¡¼­ ÆÄ¼È Àç»ç¿ë
__°æ·Î º¯°æ ½Ã ±ôºý°Å¸² Çö»ó Á¦°Å
__°æ·Î º¯°æ ¹æÁö
$route ¼­ºñ½ºÀÇ ÇÑ°è
__ÇÑ È­¸éÀÇ ÇÑ ¿µ¿ª¿¡ ´ëÇÑ °æ·Î
____ng-include·Î ¿©·¯ UI ¿µ¿ª ´Ù·ç±â
__Áö¿øÇÏÁö ¾Ê´Â Áßø °æ·Î
°æ·Î ÆÐÅÏ, ÆÁ, Æ®¸¯
__¸µÅ© ´Ù·ç±â
____Ŭ¸¯ °¡´ÉÇÑ ¸µÅ© ÀÛ¼º
____HTML5¿Í Hashbang ¸ðµå¿¡¼­µµ µ¿ÀÏÇÏ°Ô µ¿ÀÛÇÏ´Â ¸µÅ©
____¿ÜºÎ ÆäÀÌÁö ¸µÅ©
__°æ·Î Á¤ÀÇ ±¸Á¶È­
____°æ·Î Á¤ÀǸ¦ ¿©·¯ °³ÀÇ ¸ðµâ·Î ºÐÇÒ
____°æ·Î Á¤ÀÇ ½Ã Áߺ¹ ÄÚµå Á¦°Å
Á¤¸®


7Àå ¾ÖÇø®ÄÉÀÌ¼Ç º¸¾È
¼­¹ö Ãø¿¡¼­ ÀÎÁõ°ú Çã°¡ Á¦°ø
__ÀÎÁõµÇÁö ¾ÊÀº Á¢±Ù ó¸®
__¼­¹ö Ãø ÀÎÁõ API Á¦°ø
ÆÄ¼È ÅÛÇø´ º¸È£
¾ÇÀÇÀûÀÎ °ø°Ý Â÷´Ü
__ÄíÅ° ½º´©ÇÎ(Áß°£ÀÚ °ø°Ý) ¹æÁö
__Å©·Î½º»çÀÌÆ® ½ºÅ©¸³Æà °ø°Ý ¹æÁö
____AngularJS Ç¥Çö½ÄÀ¸·Î HTML ³»¿ë º¸È£
____¾ÈÀüÇÏÁö ¾ÊÀº HTML ¹ÙÀεù Çã¿ë
____HTML ¾ÈÀüÇÏ°Ô ¸¸µé±â
__JSON ÁÖÀÔ Ãë¾àÁ¡ ¹æÁö
__Å©·Î½º»çÀÌÆ® ¿äû À§Á¶ °ø°Ý ¹æÁö
Ŭ¶óÀ̾ðÆ® Ãø º¸¾È Ãß°¡
__security ¼­ºñ½º ÀÛ¼º
__·Î±×ÀÎ Æû º¸¿©ÁÖ±â
__º¸¾ÈÀÌ ÇÊ¿äÇÑ ¸Þ´º¿Í Åø¹Ù »ý¼º
____¸Þ´º Ç׸ñ ¼û±â±â
____·Î±×ÀÎ Åø¹Ù »ý¼º
Ŭ¶óÀ̾ðÆ®¿¡¼­ ÀÎÁõ°ú Çã°¡ Áö¿ø
__±ÇÇÑ ½ÇÆРó¸®
__ÀÀ´ä °¡·Îä±â
____HTTP ÀÀ´ä ÀÎÅͼÁÅÍ
__securityInterceptor ¼­ºñ½º ÀÛ¼º
__securityRetryQueue ¼­ºñ½º ÀÛ¼º
____security ¼­ºñ½º ÅëÁö
º¸¾ÈÀÌ ÇÊ¿äÇÑ °æ·Î¿¡ Á¢±Ù ¹æÁö
__°æ·Î resolve ÇÔ¼ö »ç¿ë
__authorization ¼­ºñ½º ÀÛ¼º
Á¤¸®


8Àå ³ª¸¸ÀÇ µð·ºÆ¼ºê ÀÛ¼º
AngularJS µð·ºÆ¼ºê¶õ
__³»Àå µð·ºÆ¼ºê
__HTML ¸¶Å©¾÷¿¡¼­ µð·ºÆ¼ºê »ç¿ë
µð·ºÆ¼ºê ÄÄÆÄÀÏ »ý¸íÁÖ±â
µð·ºÆ¼ºê¿¡ ´ëÇÑ ´ÜÀ§ Å×½ºÆ® ÀÛ¼º
µð·ºÆ¼ºê Á¤ÀÇ
µð·ºÆ¼ºê·Î ¹öÆ° ²Ù¹Ì±â
__¹öÆ° µð·ºÆ¼ºê ¸¸µé±â
AngularJS À§Á¬ µð·ºÆ¼ºê ÀÌÇØ
__ÆäÀÌÁö ¹øÈ£ µð·ºÆ¼ºê ÀÛ¼º
__ÆäÀÌÁö ¹øÈ£ µð·ºÆ¼ºêÀÇ Å×½ºÆ® ÀÛ¼º
__µð·ºÆ¼ºê¿¡¼­ HTML ÅÛÇø´ »ç¿ë
__ºÎ¸ð ½ºÄÚÇÁ¿¡ µ¶¸³ÀûÀÎ µð·ºÆ¼ºê
____@·Î ¼Ó¼º ÀÎÅÍÆú·¹ÀÌÆ®
____=·Î ¼Ó¼º µ¥ÀÌÅÍ ¹ÙÀεù
____&·Î ¼Ó¼º¿¡ Äݹé Ç¥Çö½Ä Ãß°¡
__À§Á¬ ±¸Çö
__µð·ºÆ¼ºê¿¡ selectPage Äݹé Ãß°¡
»ç¿ëÀÚ Á¤ÀÇ °ËÁõ µð·ºÆ¼ºê ÀÛ¼º
__µð·ºÆ¼ºê ÄÁÆ®·Ñ·¯ ¿äû
____¼±ÅÃÀûÀÎ ÄÁÆ®·Ñ·¯ ÀÛ¼º
____ºÎ¸ð ÄÁÆ®·Ñ·¯ °Ë»ö
__ngModelController ¿¬µ¿
__»ç¿ëÀÚ Á¤ÀÇ °ËÁõ µð·ºÆ¼ºêÀÇ Å×½ºÆ® ÀÛ¼º
__»ç¿ëÀÚ Á¤ÀÇ °ËÁõ µð·ºÆ¼ºê ±¸Çö
ºñµ¿±â ¸ðµ¨ °ËÁõ ±â´É ÀÛ¼º
__Users ¼­ºñ½º¸¦ ¸ñÀ¸·Î ¸¸µé±â
__ºñµ¿±â °ËÁõ ±â´É¿¡ ´ëÇÑ Å×½ºÆ® ÀÛ¼º
__ºñµ¿±â °ËÁõ µð·ºÆ¼ºê ±¸Çö
jQueryUI¸¦ ·¦ÇÎÇÑ datepicker µð·ºÆ¼ºê
__¶óÀ̺귯¸®¸¦ ·¦ÇÎÇÑ µð·ºÆ¼ºê Å×½ºÆ® ÀÛ¼º
__jQuery datepicker µð·ºÆ¼ºê ±¸Çö
Á¤¸®


9Àå °í±Þ µð·ºÆ¼ºê ÀÛ¼º
Æ®·£½ºÅ¬·çÀü(transclusion) »ç¿ë
__µð·ºÆ¼ºê¿¡¼­ Æ®·£½ºÅ¬·çÀü »ç¿ë
__°í¸³ ½ºÄÚÇÁÀÇ µð·ºÆ¼ºê·Î ³»¿ë ¿Å°Ü ³Ö±â
__Æ®·£½ºÅ¬·çÀüÀ» »ç¿ëÇØ °æ°í µð·ºÆ¼ºê ÀÛ¼º
____µð·ºÆ¼ºê Á¤ÀÇ ½Ã »ç¿ëÇÏ´Â replace ÇÁ·ÎÆÛƼ ÀÌÇØ
____µð·ºÆ¼ºê Á¤ÀÇ ½Ã »ç¿ëÇÏ´Â transclude ÇÁ·ÎÆÛƼ ÀÌÇØ
____ng-transclude·Î ¿Å°Ü ³ÖÀº ¿ä¼Ò Ãß°¡
__Æ®·£½ºÅ¬·çÀüÀÇ ½ºÄÚÇÁ ÀÌÇØ
Æ®·£½ºÅ¬·çÀü ÇÔ¼ö »ý¼º°ú »ç¿ë
__$compile ¼­ºñ½º·Î Æ®·£½ºÅ¬·çÀü ÇÔ¼ö ÀÛ¼º
____¿Å°Ü ³ÖÀ» ¶§ ±âÁ¸ ¿ä¼Ò º¹»ç
__µð·ºÆ¼ºêÀÇ Æ®·£½ºÅ¬·çÀü ÇÔ¼ö »ç¿ë
____transcludeFnÀ¸·Î ÄÄÆÄÀÏ ÇÔ¼ö¿¡¼­ transclusion ÇÔ¼ö »ç¿ë
____$transclude·Î µð·ºÆ¼ºê ÄÁÆ®·Ñ·¯¿¡¼­ transclusion ÇÔ¼ö »ç¿ë
__Æ®·£½ºÅ¬·çÀüÀ» »ç¿ëÇؼ­ if µð·ºÆ¼ºê ÀÛ¼º
____µð·ºÆ¼ºê¿¡¼­ priority ¼Ó¼º »ç¿ë
µð·ºÆ¼ºê ÄÁÆ®·Ñ·¯ ÀÌÇØ
__µð·ºÆ¼ºê ÄÁÆ®·Ñ·¯¿¡ Ưº°ÇÑ ÀÇÁ¸ °ü°è ÁÖÀÔ
__ÄÁÆ®·Ñ·¯ ±â¹ÝÀÇ ÆäÀÌÁö ¹øÈ£ µð·ºÆ¼ºê ÀÛ¼º
__µð·ºÆ¼ºê ÄÁÆ®·Ñ·¯¿Í ¸µÅ© ÇÔ¼öÀÇ Â÷ÀÌÁ¡
____ÀÇÁ¸¼º ÁÖÀÔ
____ÄÄÆÄÀÏ °úÁ¤
____´Ù¸¥ ÄÁÆ®·Ñ·¯¿¡ Á¢±Ù
____Æ®·£½ºÅ¬·çÀü ÇÔ¼ö¿¡ Á¢±Ù
__accordion µð·ºÆ¼ºê ÀÛ¼º
____accordion¿¡¼­ µð·ºÆ¼ºê ÄÁÆ®·Ñ·¯ »ç¿ë
____accordion µð·ºÆ¼ºê ±¸Çö
____accordion-group µð·ºÆ¼ºê ±¸Çö
ÄÄÆÄÀÏ ´Ü°èÀÇ Á¦¾î±Ç °¡Á®¿À±â
__field µð·ºÆ¼ºê ÀÛ¼º
____µð·ºÆ¼ºê¿¡¼­ terminal ÇÁ·ÎÆÛƼ »ç¿ë
__$interpolate ¼­ºñ½º »ç¿ë
____À¯È¿¼º °ËÁõ ¸Þ½ÃÁö ¹ÙÀεù
__ÅÛÇø´À» µ¿ÀûÀ¸·Î ·Îµù
__field ÅÛÇø´ ¼³Á¤
Á¤¸®


10Àå Àü ¼¼°è¸¦ ´ë»óÀ¸·Î ÇÏ´Â AngularJS À¥ ¾ÖÇø®ÄÉÀÌ¼Ç ÀÛ¼º
ƯÁ¤ ·ÎÄÉÀÏ ±âÈ£¿Í ¼³Á¤ »ç¿ë
__ƯÁ¤ ·ÎÄÉÀÏ ¸ðµâ ¼³Á¤
__»ç¿ë °¡´ÉÇÑ ·ÎÄÉÀÏ ¼³Á¤
____ƯÁ¤ ·ÎÄÉÀÏ ¼³Á¤°ú AngularJS ÇÊÅÍ
¹ø¿ª
__AngularJS ÅÛÇø´¿¡¼­ »ç¿ëµÇ´Â ¹®ÀÚ¿­ ¹ø¿ª
____ÇÊÅÍ »ç¿ë
____µð·ºÆ¼ºê »ç¿ë
__ÀÚ¹Ù½ºÅ©¸³Æ® ÄÚµåÀÇ ¹®ÀÚ¿­ ¹ø¿ª
ÆÐÅÏ, ÆÁ, ¿ä·É
__ÁÖ¾îÁø ·ÎÄÉÀÏ·Î ¾ÖÇø®ÄÉÀÌ¼Ç ÃʱâÈ­
____URL ÀϺκÐÀ¸·Î ·ÎÄÉÀÏ Á¤º¸ Æ÷ÇÔ
__·ÎÄÉÀÏ º¯°æ
__³¯Â¥, ¼ýÀÚ, ÅëÈ­ Çü½Ä Á÷Á¢ Á¤ÀÇ
Á¤¸®


11Àå źźÇÑ AngularJS À¥ ¾ÖÇø®ÄÉÀÌ¼Ç ÀÛ¼º
AngularJS ³»ºÎ µ¿ÀÛ ÀÌÇØ
__¹®ÀÚ¿­ ±â¹ÝÀÇ ÅÛÇø´ ¿£ÁøÀÌ ¾Æ´Ï´Ù
____DOM À̺¥Æ®ÀÇ ÀÀ´äÀ¸·Î ¸ðµ¨ °»½Å
____¸ðµ¨ º¯°æ »çÇ×À» DOMÀ¸·Î ÀüÆÄ
____DOM°ú ¸ðµ¨ µ¿±âÈ­
____AngularJS ¼¼»óÀÇ ÇÙ½É Å° Scope.$apply
____Á¾ÇÕÇغ¸±â
¼º´É °³¼±: ±â´ëÄ¡ ¼³Á¤, ÃøÁ¤, °³¼±, ¹Ýº¹
AngularJS ¾ÖÇø®ÄÉÀÌ¼Ç ¼º´É °³¼±
__CPU »ç¿ë·ü ÃÖÀûÈ­
____$digest ·çÇÁ¸¦ ºü¸£°Ô
____$digest ·çÇÁ ºóµµ ÁÙÀ̱â
____°¢ $digest ·çÇÁÀÇ ¼ö Á¦ÇÑ
__¸Þ¸ð¸® ¼Òºñ ÃÖÀûÈ­
____°¡´ÉÇϸé deep-watching ÇÇÇϱâ
____watchÀÇ ´ë»óÀÌ µÇ´Â Ç¥Çö½ÄÀÇ Å©±â °í·Á
__ng-repeat µð·ºÆ¼ºê
____ng-repeat¿¡¼­ Ä÷º¼Ç watch
____¸¹Àº ¼öÀÇ ¹ÙÀεù
Á¤¸®


12Àå AngularJS À¥ ¾ÖÇø®ÄÉÀ̼ÇÀÇ ÆÐŰ¡°ú ¹èÆ÷
³×Æ®¿öÅ© °ü·Ã ¼º´É °³¼±
__Á¤Àû ¸®¼Ò½º ÃÖ¼ÒÈ­
____AngularJS°¡ ÀÇÁ¸¼ºÀ» ÀÎÁöÇÏ´Â ¹æ¹ý
____ÃÖ¼ÒÈ­¿¡µµ ¾ÈÀüÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® ÄÚµå ÀÛ¼º
____¹è¿­ ÇüÅ DI ¾Ö³ëÅ×À̼ÇÀÇ ´ÜÁ¡
__ÅÛÇø´ ¹Ì¸® ·Îµù
____[script] µð·ºÆ¼ºê·Î ÅÛÇø´ ¹Ì¸® ·Îµù
____$templateCache ¼­ºñ½º¿¡ Ãß°¡
____¿©·¯ °¡Áö ¹Ì¸® ·Îµù ±â¹ý Àû¿ë
½ÃÀÛ ÆäÀÌÁö ÃÖÀûÈ­
__󸮰¡ ´ú µÈ ÅÛÇø´Àº º¸¿©ÁÖÁö ¾Ê±â
____ng-cloakÀ¸·Î DOMÀÇ ÀÏÁ¤ ºÎºÐ ¼û±â±â
____ng-bind·Î °³º° Ç¥Çö½Ä ¼û±â±â
__AngularJS¿Í ¾ÖÇÃÄÉÀÌ¼Ç ½ºÅ©¸³Æ®
____½ºÅ©¸³Æ® ÂüÁ¶
____AngularJS¿Í ºñµ¿±â ¸ðµâ Á¤ÀÇ
Áö¿ø ºê¶ó¿ìÀú
__ÀÎÅÍ³Ý ÀͽºÇ÷η¯ Áö¿ø
Á¤¸®

ÀúÀÚ¼Ò°³

ÆÄÀ£ ÄÚÁñ·ÎÇÁ½ºÅ° [Àú] ½ÅÀ۾˸² SMS½Åû
»ý³â¿ùÀÏ -

ÇØ´çÀÛ°¡¿¡ ´ëÇÑ ¼Ò°³°¡ ¾ø½À´Ï´Ù.

Çö¼ö¸í [¿ª] ½ÅÀ۾˸² SMS½Åû
»ý³â¿ùÀÏ -

ÇØ´çÀÛ°¡¿¡ ´ëÇÑ ¼Ò°³°¡ ¾ø½À´Ï´Ù.

ÀÌ »óÇ°ÀÇ ½Ã¸®Áî

(ÃÑ 225±Ç / ÇöÀ籸¸Å °¡´Éµµ¼­ 225±Ç)

¼±ÅÃÇÑ »óÇ° ºÏÄ«Æ®´ã±â
ÆîÃ帱â

Àü°øµµ¼­/´ëÇб³Àç ºÐ¾ß¿¡¼­ ¸¹Àº ȸ¿øÀÌ ±¸¸ÅÇÑ Ã¥

    ¸®ºä

    0.0 (ÃÑ 0°Ç)

    100ÀÚÆò

    ÀÛ¼º½Ã À¯ÀÇ»çÇ×

    ÆòÁ¡
    0/100ÀÚ
    µî·ÏÇϱâ

    100ÀÚÆò

    10.0
    (ÃÑ 0°Ç)

    ÆǸÅÀÚÁ¤º¸

    • ÀÎÅÍÆÄÅ©µµ¼­¿¡ µî·ÏµÈ ¿ÀǸ¶ÄÏ »óÇ°Àº ±× ³»¿ë°ú Ã¥ÀÓÀÌ ¸ðµÎ ÆǸÅÀÚ¿¡°Ô ÀÖÀ¸¸ç, ÀÎÅÍÆÄÅ©µµ¼­´Â ÇØ´ç »óÇ°°ú ³»¿ë¿¡ ´ëÇØ Ã¥ÀÓÁöÁö ¾Ê½À´Ï´Ù.

    »óÈ£

    (ÁÖ)±³º¸¹®°í

    ´ëÇ¥ÀÚ¸í

    ¾Èº´Çö

    »ç¾÷ÀÚµî·Ï¹øÈ£

    102-81-11670

    ¿¬¶ôó

    1544-1900

    ÀüÀÚ¿ìÆíÁÖ¼Ò

    callcenter@kyobobook.co.kr

    Åë½ÅÆǸž÷½Å°í¹øÈ£

    01-0653

    ¿µ¾÷¼ÒÀçÁö

    ¼­¿ïƯº°½Ã Á¾·Î±¸ Á¾·Î 1(Á¾·Î1°¡,±³º¸ºôµù)

    ±³È¯/ȯºÒ

    ¹ÝÇ°/±³È¯ ¹æ¹ý

    ¡®¸¶ÀÌÆäÀÌÁö > Ãë¼Ò/¹ÝÇ°/±³È¯/ȯºÒ¡¯ ¿¡¼­ ½Åû ¶Ç´Â 1:1 ¹®ÀÇ °Ô½ÃÆÇ ¹× °í°´¼¾ÅÍ(1577-2555)¿¡¼­ ½Åû °¡´É

    ¹ÝÇ°/±³È¯°¡´É ±â°£

    º¯½É ¹ÝÇ°ÀÇ °æ¿ì Ãâ°í¿Ï·á ÈÄ 6ÀÏ(¿µ¾÷ÀÏ ±âÁØ) À̳»±îÁö¸¸ °¡´É
    ´Ü, »óÇ°ÀÇ °áÇÔ ¹× °è¾à³»¿ë°ú ´Ù¸¦ °æ¿ì ¹®Á¦Á¡ ¹ß°ß ÈÄ 30ÀÏ À̳»

    ¹ÝÇ°/±³È¯ ºñ¿ë

    º¯½É ȤÀº ±¸¸ÅÂø¿À·Î ÀÎÇÑ ¹ÝÇ°/±³È¯Àº ¹Ý¼Û·á °í°´ ºÎ´ã
    »óÇ°À̳ª ¼­ºñ½º ÀÚüÀÇ ÇÏÀÚ·Î ÀÎÇÑ ±³È¯/¹ÝÇ°Àº ¹Ý¼Û·á ÆǸÅÀÚ ºÎ´ã

    ¹ÝÇ°/±³È¯ ºÒ°¡ »çÀ¯

    ·¼ÒºñÀÚÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óÇ° µîÀÌ ¼Õ½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì
    (´ÜÁö È®ÀÎÀ» À§ÇÑ Æ÷Àå ÈѼÕÀº Á¦¿Ü)

    ·¼ÒºñÀÚÀÇ »ç¿ë, Æ÷Àå °³ºÀ¿¡ ÀÇÇØ »óÇ° µîÀÇ °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì
    ¿¹) È­ÀåÇ°, ½ÄÇ°, °¡ÀüÁ¦Ç°(¾Ç¼¼¼­¸® Æ÷ÇÔ) µî

    ·º¹Á¦°¡ °¡´ÉÇÑ »óÇ° µîÀÇ Æ÷ÀåÀ» ÈѼÕÇÑ °æ¿ì
    ¿¹) À½¹Ý/DVD/ºñµð¿À, ¼ÒÇÁÆ®¿þ¾î, ¸¸È­Ã¥, ÀâÁö, ¿µ»ó È­º¸Áý

    ·½Ã°£ÀÇ °æ°ú¿¡ ÀÇÇØ ÀçÆǸŰ¡ °ï¶õÇÑ Á¤µµ·Î °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì

    ·ÀüÀÚ»ó°Å·¡ µî¿¡¼­ÀÇ ¼ÒºñÀÚº¸È£¿¡ °üÇÑ ¹ý·üÀÌ Á¤ÇÏ´Â ¼ÒºñÀÚ Ã»¾àöȸ Á¦ÇÑ ³»¿ë¿¡ ÇØ´çµÇ´Â °æ¿ì

    »óÇ° Ç°Àý

    °ø±Þ»ç(ÃâÆÇ»ç) Àç°í »çÁ¤¿¡ ÀÇÇØ Ç°Àý/Áö¿¬µÉ ¼ö ÀÖÀ½

    ¼ÒºñÀÚ ÇÇÇغ¸»ó
    ȯºÒÁö¿¬¿¡ µû¸¥ ¹è»ó

    ·»óÇ°ÀÇ ºÒ·®¿¡ ÀÇÇÑ ±³È¯, A/S, ȯºÒ, Ç°Áúº¸Áõ ¹× ÇÇÇغ¸»ó µî¿¡ °üÇÑ »çÇ×Àº ¼ÒºñÀÚºÐÀïÇØ°á ±âÁØ (°øÁ¤°Å·¡À§¿øȸ °í½Ã)¿¡ ÁØÇÏ¿© 󸮵Ê

    ·´ë±Ý ȯºÒ ¹× ȯºÒÁö¿¬¿¡ µû¸¥ ¹è»ó±Ý Áö±Þ Á¶°Ç, ÀýÂ÷ µîÀº ÀüÀÚ»ó°Å·¡ µî¿¡¼­ÀÇ ¼ÒºñÀÚ º¸È£¿¡ °üÇÑ ¹ý·ü¿¡ µû¶ó ó¸®ÇÔ

    (ÁÖ)KGÀ̴Ͻýº °áÁ¦´ë±Ý¿¹Ä¡¾÷ µî·Ï¹øÈ£: 02-006-00013

    (ÁÖ)ÀÎÅÍÆÄÅ©Ä¿¸Ó½º´Â ȸ¿ø´ÔµéÀÇ ¾ÈÀü°Å·¡¸¦ À§ÇØ ±¸¸Å±Ý¾×, °áÁ¦¼ö´Ü¿¡ »ó°ü¾øÀÌ (ÁÖ)ÀÎÅÍÆÄÅ©Ä¿¸Ó½º¸¦ ÅëÇÑ
    ¸ðµç °Å·¡¿¡ ´ëÇÏ¿© (ÁÖ)KGÀ̴Ͻýº°¡ Á¦°øÇÏ´Â ±¸¸Å¾ÈÀü¼­ºñ½º¸¦ Àû¿ëÇÏ°í ÀÖ½À´Ï´Ù.
    µî·Ï ¿©ºÎ´Â e-±ÝÀ¶¹Î¿ø¼¾ÅÍ È¨ÆäÀÌÁö(www.fcsc.kr)ÀÇ µî·Ï¡¤½Å°í>ÀüÀÚ±ÝÀ¶¾÷µî·ÏÇöȲ ¸Þ´º¿¡¼­ È®ÀÎÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù. ¼­ºñ½º °¡ÀÔ»ç½Ç È®ÀÎ

    ¹è¼Û¾È³»

    • ±³º¸¹®°í »óÇ°Àº Åùè·Î ¹è¼ÛµÇ¸ç, Ãâ°í¿Ï·á 1~2Àϳ» »óÇ°À» ¹Þ¾Æ º¸½Ç ¼ö ÀÖ½À´Ï´Ù.

    • Ãâ°í°¡´É ½Ã°£ÀÌ ¼­·Î ´Ù¸¥ »óÇ°À» ÇÔ²² ÁÖ¹®ÇÒ °æ¿ì Ãâ°í°¡´É ½Ã°£ÀÌ °¡Àå ±ä »óÇ°À» ±âÁØÀ¸·Î ¹è¼ÛµË´Ï´Ù.

    • ±ººÎ´ë, ±³µµ¼Ò µî ƯÁ¤±â°üÀº ¿ìü±¹ Åù踸 ¹è¼Û°¡´ÉÇÕ´Ï´Ù.

    • ¹è¼Ûºñ´Â ¾÷ü ¹è¼Ûºñ Á¤Ã¥¿¡ µû¸¨´Ï´Ù.

    • - µµ¼­ ±¸¸Å ½Ã 15,000¿ø ÀÌ»ó ¹«·á¹è¼Û, 15,000¿ø ¹Ì¸¸ 2,500¿ø - »óÇ°º° ¹è¼Ûºñ°¡ ÀÖ´Â °æ¿ì, »óÇ°º° ¹è¼Ûºñ Á¤Ã¥ Àû¿ë