AngularJS ±âÃÊÆí
- ÀúÀÚ<ºê·¡µå ±×¸°>,<»þÀ̾ö ¼¼»þµå¸®> °øÀú/<±èÁö¿ø> ¿ª
- ÃâÆÇ»çÇѺû¹Ìµð¾î
- ÃâÆÇÀÏ2015-05-15
- µî·ÏÀÏ2017-11-06
- SNS°øÀ¯
- ÆÄÀÏÆ÷¸ËPDF
- ÆÄÀÏÅ©±â2 MB
- °ø±Þ»çYES24
-
Áö¿ø±â±â
PC
ÇÁ·Î±×·¥ ¼öµ¿¼³Ä¡
ÀüÀÚÃ¥ ÇÁ·Î±×·¥ ¼öµ¿¼³Ä¡ ¾È³»
º¸À¯ 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 Å×½ºÆ®