AngularJS¶õ µ¿ÀûÀÎ À¥¾ÛÀ» ±¸ÇöÇϱâ À§ÇØ ±¸±Û¿¡¼ Á¦ÀÛ ¹èÆ÷ÇÏ°í ÀÖ´Â ±¸Á¶Àû ÇÁ·¹ÀÓ¿öÅ©¶ó°í ÇÑ´Ù.
ƯÈ÷, AngularÀÇ µ¥ÀÌŸ ¹ÙÀεù(data binding)°ú ÀÇÁ¸¼ºÁÖÀÔ(dependency injection)Àº Äڵ带 ¸Å¿ì
°£°áÇÏ°Ô ¸¸µé¾î ÁØ´Ù.
AngularJS´Â Äڵ带 Á÷°üÀûÀÎ Àå¼Ò¿¡ ¹èÄ¡ÇÏ°í, ÇÊ¿äÇÑ °æ¿ì Äڵ带 ¸®ÆÑÅ丵ÇÒ ¼ö ÀÖ´Â ¸íÈ®ÇÑ ¹æ¹ýÀ» Á¦½ÃÇÒ
¼ö ÀÖµµ·Ï ±¸¼ºµÇ¾î ÀÖ´Ù. »ç¿ëÀÚ ÀÎÅÍÆäÀ̽ºÀÇ ¿Ü°ü°ú ÇൿÀ» Á¤ÀÇÇϱâ À§ÇØ ÇØ´ç Á¤º¸¸¦ Á¦°øÇÏ´Â Äڵ带
ÀÛ¼ºÇØ¾ß ÇÒ ÇÊ¿ä°¡ ÀÖ´Ù¸é, AngularJS´Â ÀÌ¹Ì ±×·± ÄÚµåµéÀ» º¸°üÇÒ À§Ä¡¸¦ Á¤Çصΰí ÀÖ´Ù°í ÇÑ´Ù.
ÀÌ Ã¥¿¡¼ éÅÍ1, 2¿¡¼´Â AngularJSÀÇ ¼Ò°³¿Í ±âÃÊÀûÀÎ ¾ÖÇø®ÄÉÀÌ¼Ç ±¸¼ºÇÏ´Â ¹æ¹ýÀÌ ³ª¿ÍÀÖ´Ù.
éÅÍ3¿¡¼´Â »ç¿ëÀÚ°¡ º¸°Ô µÉ ȸéÀ» Á¦¾îÇÏ´Â °ÍÀº ¹°·Ð »ç¿ëÀÚÀÇ µ¿ÀÛÀ» ĸÃÄÇÏ°í ±×¿Í °ü·ÃµÈ À̺¥Æ®¸¦
ó¸®Çϱâ À§ÇØ AngularJS¸¦ ¹ÙÅÁÀ¸·Î ºä¿Í ÄÁÆ®·Ñ·¯¸¦ È°¿ëÇÏ´Â ¹æ¹ýÀÌ ³ª¿Í ÀÖ´Ù.
éÅÍ4¿¡¼´Â ¸ðµ¨°ú ¼ºñ½º¿¡ ´ëÇؼ ´Ù·ç´Âµ¥ ¼ºñ½º¶õ ¹«¾ùÀ̸ç, ¾î¶»°Ô ±¸ÇöÇÏ´ÂÁö¿¡ ´ëÇÏ¿© ¼³¸íÇÑ´Ù.
¶ÇÇÑ ¼ºñ½º¸¦ ÀÌ¿ëÇÏ¿© ¿ø°Ý ¼¹ö¿Í Åë½ÅÀ» ¼öÇàÇÏ¸ç ±× °á°ú¸¦ µµ¸ÞÀÎ ¸ðµ¨·Î¼ Àüü ¾ÖÇø®ÄÉÀ̼ǿ¡
Á¦°øÇÏ´Â ¹æ¹ý¿¡ ´ëÇØ »ìÆ캻´Ù.
µð·ºÆ¼ºê´Â AngularJS ÇÁ·¹ÀÓ¿öÅ©°¡ Á¦°øÇÏ´Â °¡Àå °·ÂÇϸ鼵µ Áß¿äÇÑ ±â´É Áß Çϳª´Ù.
ÀÌ µð·ºÆ¼ºê¿¡ °üÇØ Ã©ÅÍ5¿¡¼ ¼³¸íÇÏ°í ÀÖ´Ù. éÅÍ6¿¡¼´Â ¾Ö´Ï¸ÅÀ̼ǿ¡ ´ëÇؼ ±¸Ã¼ÀûÀÎ
¿¹Á¦¸¦ ÅëÇØ AngularJSÀÇ ¾Ö´Ï¸ÞÀÌ¼Ç °ü·Ã À̺¥Æ®¿Í AngularJS¿¡¼ »ç¿ë °¡´ÉÇÑ ¼¼ Á¾·ùÀÇ ¾Ö´Ï¸ÞÀ̼ǿ¡
´ëÇؼ ¼³¸íÇÏ´Â ÀåÀÌ´Ù.
¸ðµç À¥ ¾ÖÇø®ÄÉÀ̼ÇÀº URLÀ» °¡Áö°í ÀÖÀ¸¹Ç·Î À̸¦ Àß È°¿ëÇÏ¸é ¾ÖÇø®ÄÉÀ̼ÇÀÇ »óŸ¦
Á¤ÀÇÇÒ ¼ö ÀÖ´Ù. Áï, ½ÇÁ¦ »ç¿ëÀÚ°¡ º¸°íÀÚ ÇÏ´Â ¾ÖÇø®ÄÉÀ̼ÇÀÇ Æ¯Á¤ ¿µ¿ªÀ» URL·Î Ç¥ÇöÇÒ ¼ö ÀÖ´Ù.
ÀÌ·± ±â¹ýÀ» URL ¶ó¿ìÆÃÀ̶ó°í Çϸç éÅÍ7¿¡¼ ¼³¸íÇÏ°í ÀÖ´Ù. éÅÍ8¿¡¼´Â AngularJS°¡ ¾î¶»°Ô
html ÆûÀ» È®ÀåÇÏ¿© Æû ÀÚü¿Í Æû ³»¿¡ Á¤ÀÇµÈ ¿ä¼ÒµéÀ» $scope °´Ã¼¿¡ ¹ÙÀεùÇÏ´ÂÁö ¼³¸íÇÏ°í ÀÖ´Ù.
ÀÌ Ã¥À» º¸¸é¼ ´À³¢´ÂÁ¡Àº ¹ø¿ªÆÇÀÌ´Ùº¸´Ï Á¶±ÝÀº µüµüÇÏ°Ô ¼¼úÇÑ ´À³¦ÀÌ°í, ÇÁ·Î±×·¡¹Ö ¾ð¾î¸¦
¾Ë°í ÀÖÁö¸¸ ³ª¿Í °°Àº AngularJS¸¦ óÀ½ Á¢ÇÏ´Â »ç¶÷¿¡°Ôµµ Á¶±ÝÀº ¾î·Á¿î Á¡ÀÌ ¸¹´Ù.
º¸´Ù ½Ç½À À§ÁÖ¿¡ ¿¹Á¦¸¦ ¼ö·ÏµÇ¾î ÀÖ¾úÀ¸¸é ´õ ÁÁ°Ú´ÙÇÏ´Â ¾Æ½¬¿òÀÌ ³²´Â Ã¥ÀÌ´Ù.
ÀÌÇØÇϱ⠹÷Â÷Áö¸¸ ³ªÁß¿¡ AngularJS°¡ Àͼ÷ÇØÁö¸é Çٽɸ¸ ¿ä¾àÇÑ Ã¥À̶ó°í º¼ ¼ö ÀÖ´Ù.
ÀÔ¹®¿ë Ã¥À̶ó±â º¸´Ù´Â ÇÙ½É ¿ä¾àÁýÀΠåÀÌ´Ù.