·Î±×ÀÎÁ¤º¸ ÀÔ·Â ¿µ¿ª
  • ´Ù¿î·Îµå
  • ºä¾î»ç¿ë¾È³»
  • ÀÚ·á´ëÃâ¾È³»
  • ¸ð¹ÙÀÏÀÌ¿ë¾È³»

»õ·Î³ª¿Â Ã¥

°øÁö»çÇ×

  • µî·ÏµÈ °Ô½Ã±ÛÀÌ ¾ø½À´Ï´Ù.
´õº¸±â

ÄÁÅÙÃ÷»ó¼¼º¸±â

AngularJS ±âÃÊÆí
AngularJS ±âÃÊÆí
  • ÀúÀÚ<ºê·¡µå ±×¸°>,<»þÀ̾ö ¼¼»þµå¸®> °øÀú/<±èÁö¿ø> ¿ª
  • ÃâÆÇ»çÇѺû¹Ìµð¾î
  • ÃâÆÇÀÏ2015-05-15
  • µî·ÏÀÏ2017-11-06
º¸À¯ 1, ´ëÃâ 0, ¿¹¾à 0, ´©Àû´ëÃâ 6, ´©Àû¿¹¾à 1

Ã¥¼Ò°³

±¸±ÛÀÌ ¸¸µé¸é ´Ù¸£´Ù! Äڵ堻ý»ê¼º ±Ø´ëÈ­¸¦ À§ÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·¹ÀÓ¿öÅ©
 
±âÁ¸ À¥ ¾ÖÇø®ÄÉÀ̼Ǡ°³¹ß È¯°æ¿¡¼­´Â jQuery, Node.js, backbone.js µî ÀÚ¹Ù½ºÅ©¸³Æ® ±â¹ÝÀÇ ÇÁ·¹ÀÓ¿öÅ©¸¦ »ç¿ëÇÏ°í Àִµ¥, ÇÁ·ÎÁ§Æ®¸¶´Ù ÀÏ°ü¼ºÀÌ ¾ø¾î ¼Ò½º ÄÚµåÀÇ °¡½Ã¼º, º¸¾È¼º, À¯Áöº¸¼ö µî¿¡ ¹®Á¦°¡ ÀÖ´Ù. AngularJS´Â MVC ÆÐÅÏÀ» Àû¿ëÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·¹ÀÓ¿öÅ©·Î ¾ÖÇø®ÄÉÀ̼ÇÀ» ½±°í ºü¸£°Ô °³¹ßÇÒ ¼ö ÀÖÀ» »Ó¸¸ ¾Æ´Ï¶ó, Áö½Ã¾î·Î ÀڽŸ¸ÀǠű׿͠¼Ó¼ºÀ» ¸¸µé¾î HTMLÀ» È®ÀåÇÒ ¼ö ÀÖÀ¸¸ç ¸ðµâÈ­Çϱ⠽±°í À¯Áöº¸¼öÇϱ⵵ ÁÁ´Ù. 
 
¸ðµç ÇÁ·¹ÀÓ¿öÅ©°¡ ±×·¸µí AngularJS ¿ª½Ã ¿Ïº®ÇÒ ¼ø ¾øÁö¸¸, »ç¼ÒÇÑ ´ÜÁ¡¿¡ ºñÇØ ¾òÀ» ¼ö Àִ °ÍÀÌ ¸¹´Ù. ±¸±ÛÀÇ AngularJSÀ» ¼±ÅÃÇÒ ¼ö¹Û¿¡ ¾ø´Â ÀÌÀ¯´Â ´ÙÀ½°ú °°´Ù.
¾ç¹æÇâ µ¥ÀÌÅÍ ¹ÙÀεùÀÌ °¡´ÉÇÏ´Ù - AngularJS·Î °³¹ßÇÑ ¾ÖÇø®ÄÉÀ̼ÇÀº Å¬¶óÀ̾ðÆ®¿¡¼­ ¼­¹ö·Î»Ó¸¸ ¾Æ´Ï¶ó ¼­¹ö¿¡¼­ Å¬¶óÀ̾ðÆ®·Îµµ ½Ç½Ã°£ º¯°æ °¨Áö°¡ ÀÌ·ïÁø´Ù. °¨½Ã, ¸®½º³Ê, Ä¸Ã³ ±â´ÉÀ» ÅëÇØ °³¹ßÇÑ Äڵ尡 ½ÇÇàµÇ°í ¸ðµ¨À» Á¶ÀÛÇÑ ÈÄ ¹ß»ýÇϴ º¯°æ»çÇ×À» °¨½ÃÇÑ´Ù.
¸ðµ¨, ºä, ÄÁÆ®·Ñ·¯, ¼­ºñ½º µî ¿©·¯ ±¸¼º¿ä¼Ò·Î ºÐ¸®µÈ´Ù - Áö½Ã¾î, ÇÊÅÍ, ¸ðµâ µîÀÇ Ã߻󠰴ü¸¦ ÀÌ¿ëÇØ ±ÕÇüÀ» ¸ÂÃâ ¼ö ÀÖ´Ù. À̷νᠺ¹ÀâµµÀÇ °¨¼Ò¿Í °ü½É»çÀÇ ºÐ¸®¶ó´Â µÎ ¸¶¸® Åä³¢¸¦ ¾òÀ» ¼ö ÀÖ´Ù.
Æí¸®ÇÏ°í Ä£¼÷ÇÑ ÆÐÅÏÀÌ ¸¹´Ù - MVC³ª Á¾¼Ó¹° ÁÖÀÔ °°Àº À¯¸íÇÑ ÆÐÅÏ ¿Ü¿¡µµ Á¾¼Ó¹° °ü¸® °°Àº ´Ù¼öÀÇ ÆÐÅÏÀÌ µé¾î À־ Ã¼°èÀûÀΠ±¸¼ºÀ¸·Î °³¹ßÇÒ ¼ö ÀÖ´Ù.
Å×½ºÆ®¿ë Äڵ带 ½±°Ô ÀÛ¼ºÇÒ ¼ö ÀÖ´Ù - AngularJS °ø½Ä ¿Â¶óÀΠ°­Á ÆäÀÌÁö¿¡µµ Jasmine ¹®¹ýÀ» »ç¿ëÇÑ ´ÜÀ§ Å×½ºÆ®¿Í Å¬¶óÀ̾ðÆ®-¼­¹ö Å×½ºÆ®¸¦ ÄÚµå·Î ÀÛ¼ºÇϴ ¹æ¹ýÀÌ ¿¹½ÃµÇ¾î ÀÖ´Ù.
ÀÌÁ¦ AngularJS¸¦ »ç¿ëÇÏ°í ½ÍÁö ¾ÊÀº°¡? ÀÌ µµ¼­´Â AngularJS °¡À̵å·Î¼­ AngularJSÀÌ ¹«¾ùÀÎÁö, ¾î¶»°Ô È°¿ëÇÏ´ÂÁö Á¦´ë·Î ¾Ë·ÁÁØ´Ù. AngularJS´Â ½Ã¸®Áî µµ¼­·Î <±âÃÊÆí>°ú <È°¿ëÆí>À¸·Î ±¸¼ºµÇ¾î ÀÖ´Ù. <±âÃÊÆí>¿¡¼­´Â ÇÁ·¹ÀÓ¿öÅ©ÀÇ ±¸Á¶¿Í MVC ÆÐÅÏÀ» À§ÇÑ ´ÜÀ§ Å×½ºÆ® ¹æ¹ý, ¼­¹ö¿ÍÀÇ Åë½Å ¹æ¹ý µîÀ» ÀÚ¼¼È÷ ¼³¸íÇÑ´Ù. <È°¿ëÆí>¿¡¼­´Â AngularJS ÇÁ·¹ÀÓ¿öÅ©ÀÇ ÁÖ¿ä ±â´ÉÀ» ¼³¸íÇÏ°í AngularJS ¾ÖÇø®ÄÉÀ̼ǠÁ¦ÀÛ ¿¹Á¦¸¦ ÅëÇØ ·¹À̾ƿô¿¡¼­ºÎÅÍ Å×½ºÆ®, ÄÄÆÄÀÏ, µð¹ö±ë±îÁö Àü¹ÝÀûÀΠ°úÁ¤À» º¸¿©ÁØ´Ù. 

[ÁöÀºÀÌ] ºê·¡µå ±×¸°
±¸±Û AngularJS ÇÁ·ÎÁ§Æ® ÆÀ¿¡¼­ ¿£Áö´Ï¾î °ü¸®ÀÚ¸¦ ¸Ã°í ÀÖÀ¸¸ç, Á¢±Ù¼º°ú Áö¿ø °øÇÐÀ» ÃÑ°ý °¨µ¶ÇÑ´Ù. ±¸±Û¿¡ ÀÔ»çÇϱâ Àü¿¡´Â ÀÎÅͳݠ±â¾÷À» ¸¸µé¾î ÆÈ´ø AvantGo »ç¿¡¼­ ÃÊâ±â ¸ð¹ÙÀÏ À¥ °³¹ßÀڷΠ±Ù¹«ÇÏ´Ù°¡, ÃâÀå¿ä½Ä¾÷¿¡ ¶Ù¾îµé¾î °í´ÜÇÑ ¸î ³âÀ» º¸³Â´Ù. ´ëÇÐÀ» Á¹¾÷ÇÏ°í NeXT Computer »ç¿¡¼­ ½ºÆ¼ºê À⽺ ¹Ø¿¡¼­ µ¥¸ð ¼ÒÇÁÆ®¿þ¾î¸¦ ¸¸µé°í À⽺ÀÇ ½½¶óÀ̵å ÇÁ·¹Á¨Å×À̼ÇÀ» µðÀÚÀÎÇß´ø °ÍÀÌ ºê·¡µåÀǠù Á÷Àå °æÇèÀÌ´Ù. ºê·¡µå´Â ¾Æ³»¿Í µÎ Àڳฦ µ¥¸®°í Ä¶¸®Æ÷´Ï¾Æ ÁÖ ¸¶¿îƾ ºä¿¡ »ì°í ÀÖ´Ù.


[ÁöÀºÀÌ] »þÀ̾ö ¼¼»þµå¸®
Fundoo Solutions »çÀÇ »çÁÖÀÌÀÚ CEO´Ù. AngularJS¿¡ °üÇØ ÄÁ¼³ÆÃÇÏ°í ¿öÅ©¼óÀ» °³ÃÖÇÑ´Ù. Àεµ ½ÃÀåÀ» °Ü³ÉÇÑ Çõ½ÅÀû Á¦Ç° °³¹ß¿¡ ÁÖ·ÂÇϸç, AngularJS¸¦ ÁÖÁ¦·Î ÇÑ ¿öÅ©¼óÀ» ¿î¿µÇÏ°í ÄÁ¼³ÆÃÇÑ´Ù. Fundoo Solutions »ç¸¦ Ã¢¸³Çϱâ Àü¿¡´Â ÇÏÀ̵¥¶ó¹Ùµå¿¡ Àִ ¸í¹® Indian School of Business¿¡¼­ MBA °úÁ¤À» ¸¶ÃÆ´Ù. »þÀ̾öÀº ´ëÇРÁ¹¾÷ ÈĠù Á÷¾÷À¸·Î ±¸±Û¿¡¼­ ´Ù¼öÀÇ ÇÁ·ÎÁ§Æ®¸¦ ÁøÇàÇß´Ù. ±×Áß¿¡´Â AngularJS°¡ Ã³À½À¸·Î »ç¿ëµÈ ±¸±Û Çǵå¹é(Google Feedback) ÇÁ·ÎÁ§Æ®µµ ÀÖ´Ù. ±×¸®°í ´Ù¾çÇÑ ³»ºÎ µµ±¸µµ Á¦ÀÛÇß´Ù. ÇöÀç´Â Àεµ ³ªºñ¹³¹ÙÀÌ¿¡¼­ È¸»ç¸¦ ¿î¿µÇÏ°í ÀÖ´Ù.


[¿Å±äÀÌ] ±èÁö¿ø
À¥ ±â¼ú»Ó ¾Æ´Ï¶ó ¿Â°® ºÐ¾ß¿¡ ¹ßÀ» »¸°í ½Í¾îÇϴ ¹Ù¶÷±â¸¦ Áö³æÁö¸¸, ¹è¿ö¾ß ÇÒ °ÍÀÌ °¥¼ö·Ï ´Ã¾î³ª ½Ã°£ÀÌ ºÎÁ·ÇÔÀ» ¾ÈŸ±õ°Ô ¿©±â°í Àִ ¹ø¿ªÀÚ´Ù.  ±â¼ú ¹®¼­, ¸Å´º¾ó, À¯ºñÄõÅͽº °ü·Ã ³í¹®À» ¹ø¿ªÇÑ ¹Ù ÀÖ°í ÇØ¿Ü ³í¹® DB¸¦ ±¸Ãà °ü·Ã ÀÛ¾÷¿¡µµ Âü¿©Çß´Ù. ¡ºÇÑ ±ÇÀ¸·Î ³¡³»´Â Á¤±ÔÇ¥Çö½Ä¡»(2010), ¡ºÀ¥ Ç¥ÁØ °¡À̵å: HTML5+CSS3¡»(2010), ¡ºÇÁ·ÎÁ§Æ®·Î ¹è¿ì´Â HTML5+ÀÚ¹Ù½ºÅ©¸³Æ®¡»(2012), ¡º¸®ÆÑÅ丵¡»(2012), ¡º¿¤¸®¸àƲ µðÀÚÀΠÆÐÅÏ¡»(2013, ÀÌ»ó ÇѺû¹Ìµð¾î) µîÀ» ¹ø¿ªÇß´Ù.

¸ñÂ÷

1Àå AngularJS ÀÌÇØÇϱâ
1.1 AngularJS¸¦ ÀÌÇØÇϴ µ¥ ÇÊ¿äÇÑ °¢Á¾ °³³ä
1.2 Àå¹Ù±¸´Ï ¿¹Á¦
1.3 ³ª¸ÓÁö Àå¿¡¼­ ´Ù·ê ³»¿ë
 
 
2Àå AngularJS ¾ÖÇø®ÄÉÀ̼ǠÇغÎ
2.1 Angular È£Ãâ
2.2 ¸ðµ¨ ºä ÄÁÆ®·Ñ·¯
2.3 ÅÛÇø´°ú µ¥ÀÌÅÍ ¹ÙÀεù
2.4 ¸ðµâÀ» »ç¿ëÇØ Á¾¼Ó¹° Ã¼°èÈ­Çϱâ
2.5 ÇÊÅ͸¦ »ç¿ëÇØ µ¥ÀÌÅ͸¦ Çü½ÄÈ­Çϱâ
2.6 ¶ó¿ìÆ® ¼­ºñ½º¿Í $locationÀ» »ç¿ëÇØ ºä¸¦ º¯°æÇϱâ
2.7 ¼­¹ö¿Í Åë½ÅÇϱâ
2.8 Áö½Ã¾î·Î DOM ¼öÁ¤Çϱâ
2.9 »ç¿ëÀÚ ÀÔ·ÂÀÌ ¿Ã¹Ù¸¥Áö °Ë»çÇϱâ
2.10 ´ÙÀ½ Àå¿¡¼­ ¹è¿ï ³»¿ë
 
 
3Àå AngularJS ÇÁ·¹ÀÓ¿öÅ©·Î °³¹ßÇϱâ
3.1 ÇÁ·ÎÁ§Æ®ÀÇ ±¸¼º
3.2 ÀÛ¼ºÇÑ ¾ÖÇø®ÄÉÀ̼Ǡ½ÇÇàÇϱâ
3.3 AngularJS·Î Å×½ºÆ®Çϱâ
3.4 ´ÜÀ§ Å×½ºÆ®
3.5 Á¾´Ü°£ Å×½ºÆ®¿Í ÅëÇÕ Å×½ºÆ®
3.6 ÄÄÆÄÀÏ
3.7 ±× ¹ÛÀÇ À¯¿ëÇÑ µµ±¸
3.8 °³¹ß È帧À» ÃÖÀûÈ­Çϴ µµ±¸ Yeoman
3.9 AngularJS¿Í RequireJS¸¦ ÅëÇÕÇϱâ
 
 
4Àå AngularJS ¾ÖÇø®ÄÉÀ̼ǠºÐ¼®Çϱâ
4.1 ¾ÖÇø®ÄÉÀ̼Ç
4.2 ¸ðµ¨, ÄÁÆ®·Ñ·¯, ÅÛÇø´ÀÇ °ü°è
4.3 ¸ðµ¨
4.4 ¼­ºñ½º, Áö½Ã¾î, ÄÁÆ®·Ñ·¯
4.5 ÅÛÇø´
4.6 Å×½ºÆ®