±¹³»µµ¼
Àü°øµµ¼/´ëÇб³Àç
°øÇаè¿
ÄÄÇ»ÅÍ°øÇÐ
Á¤°¡ |
22,000¿ø |
---|
19,800¿ø (10%ÇÒÀÎ)
1,100P (5%Àû¸³)
ÇÒÀÎÇýÅÃ | |
---|---|
Àû¸³ÇýÅà |
|
|
|
Ãß°¡ÇýÅÃ |
|
À̺¥Æ®/±âȹÀü
¿¬°üµµ¼(207)
»óÇ°±Ç
ÀÌ»óÇ°ÀÇ ºÐ·ù
Ã¥¼Ò°³
AngularJS´Â À¥ ¾ÖÇø®ÄÉÀ̼ÇÀÇ MVC ±¸Á¶¸¦ È®½ÇÈ÷ ³ª´©°í, ½±°í °£ÆíÇÏ°Ô À¯Áöº¸¼ö ¹× Å×½ºÆ®¸¦ Çϱâ À§ÇÑ ±¸±ÛÀÇ °·ÂÇÑ ÇÁ·¹ÀÓ¿öÅ©´Ù. [MVC ±¸Á¶ÀÇ È®½ÇÇÑ ÇØ´ä Angular JS µð·ºÆ¼ºê]´Â AngularJSÀÇ ÇÙ½ÉÀÎ µð·ºÆ¼ºêÀÇ °³³äºÎÅÍ ¾î¶»°Ô ¸ðµ¨°ú ºä¸¦ ºÐ¸®ÇÏ°í, µ¥ÀÌÅ͸¦ ¹ÙÀεùÇØ HTML°ú ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ºÐ¸®ÇÏ´ÂÁö ¿©·¯ °¡Áö »ç·Ê¸¦ ÅëÇØ µð·ºÆ¼ºêÀÇ ¸ðµç °ÍÀ» ¾Ë·ÁÁØ´Ù. ¶ÇÇÑ ¼µåÆÄƼ ¶óÀ̺귯¸®¿ÍÀÇ ¿¬µ¿, ´ÜÀ§ Å×½ºÆ®¿¡¼ ÅëÇÕ Å×½ºÆ®¿¡ À̸£±â±îÁö ÇÊ¿äÇÑ ¸ðµç Á¤º¸¸¦ Á¦°øÇÑ´Ù.
ÃâÆÇ»ç ¼Æò
¡Ú ÀÌ Ã¥¿¡¼ ´Ù·ç´Â ³»¿ë ¡Ú
¡á AngularJS ÄÁÅؽºÆ®¿¡¼ DOMÀ» º¯°æÇÏ°í º¯È¯ÇÏ´Â ±â¼ú
¡á ÄÚ¾î ¾Ö´Ï¸ÞÀÌ¼Ç ¼ºñ½º¸¦ »ç¿ëÇÏ´Â µð·ºÆ¼ºê È°¿ë ¹× Ä¿½ºÅ͸¶ÀÌ¡
¡á °í±Þ DOM Á¶ÀÛÀ» À§ÇØ ¼µåÆÄƼ ¶óÀ̺귯¸®¸¦ AngularJS¿Í ÅëÇÕ
¡á ´ÙÀ̳»¹Í ÅÛÇø´À» ÄÄÆÄÀÏÇϱâ À§ÇÑ µð·ºÆ¼ºêÀÇ ÀåÁ¡ ¹ß°ß
¡á µð·ºÆ¼ºê APIÀÇ ¸ðµç ¿É¼Ç°ú »ç¿ë¹ý ÀÌÇØ
¡á ¾î¶»°Ô ±×¸®°í ¿Ö ¿©·¯ Á¾·ùÀÇ Å×½ºÆ®¸¦ µð·ºÆ¼ºê¿¡ »ç¿ëÇϴ°¡
¡á Ä¿½ºÅÒ µð·ºÆ¼ºê·Î ¾ÖÇø®ÄÉÀÌ¼Ç ÃÖÀûÈ ¹× °È
¡á ¾ÕÀ¸·Î AngularJS µð·ºÆ¼ºê¿¡ ¾î¶² °ÍÀÌ Ãß°¡µÇ°í ÇöÀç µð·ºÆ¼ºê ÀÛ¼º¿¡ ¾î¶»°Ô ¿µÇâÀ» ¹ÌÄ¥Áö Ž±¸
¡Ú ÀÌ Ã¥ÀÇ ´ë»ó µ¶ÀÚ ¡Ú
ÀÚ¹Ù½ºÅ©¸³Æ®¿Í AngularJS¸¦ »ç¿ëÇÑ °æÇèÀÌ ÀÖ´Â °³¹ßÀÚ¶ó¸é ÀÌ Ã¥Àº ¹Ù·Î ¿©·¯ºÐÀ» À§ÇÑ °ÍÀÌ´Ù. ÀÌÁ¦ ¸· AngularJS¿¡ ÀÔ¹®ÇÑ »ç¿ëÀÚ¶óµµ ÀÌ Ã¥¿¡¼ ¼Ò°³ÇÏ´Â °³³äµéÀ» ÀÌÇØÇÒ ¼ö ÀÖÁö¸¸ ÀÌ Ã¥¿¡¼ ´Ù·çÁö ¸øÇÑ ³»¿ëÀº AngularJS °ü·Ã ³»¿ëÀ» ÂüÁ¶ÇØ¾ß ÇÒ °ÍÀÌ´Ù.
¡Ú ÀÌ Ã¥ÀÇ ±¸¼º ¡Ú
1Àå, ¡®±âÃÊ ´ÙÁö±â¡¯¿¡¼´Â µð·ºÆ¼ºê°¡ ¹«¾ùÀÌ°í ¾î¶»°Ô »ý¼ºÇÏ´ÂÁö, ±×¸®°í µð·ºÆ¼ºê¸¦ ÀÛ¼ºÇÒ ¶§ ÇÊ¿äÇÑ ¿É¼Çµé¿¡´Â ¾î¶² °ÍµéÀÌ ÀÖ´ÂÁö ¼Ò°³ÇÑ´Ù. ÀÌ ÀåÀÇ ÁÖ ¸ñÀûÀº µð·ºÆ¼ºê¸¦ ³ôÀº ¼öÁØÀÇ °üÁ¡¿¡¼ ¼Ò°³ÇØ ´©±¸¶óµµ ±× Àǹ̸¦ ½±°Ô ÀÌÇØÇϵµ·Ï ¸¸µå´Â °ÍÀÌ´Ù. À̸¦ À§ÇØ µð·ºÆ¼ºêÀÇ °¢ ¿É¼ÇµéÀ» ±âº»ÀûÀÎ ¿¹Á¦¸¦ ÅëÇØ ¼³¸íÇÑ´Ù.
2Àå, ¡®stopwatch µð·ºÆ¼ºê »ý¼º¡¯¿¡¼´Â ù ¹ø°·Î ¸¸µé µð·ºÆ¼ºê¸¦ ¼Ò°³ÇÑ´Ù. stopwatch¿¡¼´Â ¿©·¯ °¡Áö ¼³°è º¯°æÀ» ¹Ýº¹ Àû¿ëÇØ °¡¸é¼ µð·ºÆ¼ºê¸¦ ¿Ï¼ºÇÑ´Ù. ¼³°è °úÁ¤ Àü¹Ý¿¡ °ÉÃÄ, µð·ºÆ¼ºêÀÇ ·ÎÁ÷ÀÌ Á¤È®ÇÏ°Ô µ¿ÀÛÇÏ´ÂÁö È®ÀÎÇÏ°í ¾î¶² º¯È·Î ÀÎÇØ ¹ö±×°¡ »ý±âÁö ¾Ê´ÂÁö Áõ¸íÇϱâ À§ÇÑ Å×½ºÆ®¸¦ ÁøÇàÇÑ´Ù.
µð·ºÆ¼ºê ±¸Çö ¾ÆÅ°ÅØó¿¡ µµÀÔµÈ °¢ °áÁ¤ »çÇ׿¡ ´ëÇØ ¾î¶² Â÷À̵éÀÌ ÀÖ´ÂÁö º¸¿©ÁÖ°í, ³»¿ëÀ» ÀÚ¼¼È÷ µé¿©´Ù º¸¸é¼ Åä·ÐÇÏ°í ¼³¸íÇÑ´Ù. ÀÌ ÀåÀÇ ÀüüÀûÀÎ ¸ñÀûÀº ¿©·¯ ¾ÖÇø®ÄÉÀ̼ǿ¡¼ »ç¿ë °¡´ÉÇÑ À¯¿ëÇÑ µð·ºÆ¼ºê¸¦ ¸¸µé°í ¿©·¯ºÐ¸¸ÀÇ »ç¿ëÀÚ Á¤ÀÇ µð·ºÆ¼ºê¸¦ ¸¸µé±â À§ÇØ ÇÊ¿äÇÑ ¾ÆÀ̵ð¾î¸¦ ¾ò°Ô ÇÏ´Â °ÍÀÌ´Ù.
3Àå, ¡®¿ÜºÎ ÀÚ¹Ù½ºÅ©¸³Æ® ¶óÀ̺귯¸®¿Í µð·ºÆ¼ºê¡¯¿¡¼´Â ¸¹Àº ¾ÖÇø®ÄÉÀ̼ǵéÀÌ DOMÀ» °í±Þ½º·´°Ô ó¸®Çϱâ À§ÇØ ¼µåÆÄƼ ¶óÀ̺귯¸®µéÀ» ¾î¶»°Ô ÀÌ¿ëÇÏ´ÂÁö »ìÆ캻´Ù. ÀÌ ¶óÀ̺귯¸®µéÀº AngularJS ¾ÖÇø®ÄÉÀ̼ǰú ÀÚ¿¬½º·´°Ô ÅëÇÕµÉ ¼ö ÀÖ°í, ¿©ÀüÈ÷ ´ë´Ù¼ö Ä¿¹Â´ÏƼ¿¡¼ ¸¸µç °³³äÀ» ÁؼöÇÑ´Ù. ÀÌ ÀåÀÇ ¸ñÀûÀº ¼µåÆÄƼ ¶óÀ̺귯¸®¸¦ AngularJS ¾ÖÇø®ÄÉÀ̼ǿ¡ ÅëÇÕÇÒ ¶§ ÃÖ¼±ÀÇ ¹æ¹ýÀÌ ¹«¾ùÀÎÁö º¸¿©ÁÖ´Â °ÍÀÌ´Ù.
4Àå, ¡®°í±Þ ÄÄÆÄÀϸµ¡¯¿¡¼´Â AngularJSÀÇ ÄÄÆÄÀÏ »çÀÌŬÀ» ÀÚÀ¯·Ó°Ô ÀÌ¿ëÇÏ´Â °ÍÀÌ ¾ó¸¶³ª À¯¿ëÇÑÁö ¾Ë¾Æº»´Ù. $compile ¼ºñ½º¸¦ ÇÊ¿ä·Î ÇÏ´Â ¸î °¡Áö »ç·ÊµéÀ» º¸¿©ÁÖ°í À̵鿡 ´ëÇØ ÀÚ¼¼È÷ ³íÀÇÇÑ´Ù. ÀÌ Àå ¿ª½Ã ¼µåÆÄƼ ¶óÀ̺귯¸®µé, µ¿Àû ÅÛÇø´(dynamic template)°ú ÇÔ²² AngularJSÀÇ ½ºÄÚÇÁ(scope)¿¡ DOMÀ» »ý¼ºÇÏ´Â °ÍÀÌ ¾ó¸¶³ª À¯¿ëÇÑÁö »ìÆ캻´Ù.
5Àå, ¡®µð·ºÆ¼ºê °£ Åë½Å¡¯¿¡¼´Â µð·ºÆ¼ºêµéÀÌ Á¤»óÀûÀΠȯ°æ¿¡¼ ¸Å¿ì À¯¿ëÇÔÀ» º¸¿©ÁØ´Ù. ¶ÇÇÑ À¯»çÇÑ ÀÛ¾÷À» À§ÇØ ¿©·¯ µð·ºÆ¼ºê¸¦ °áÇÕÇØ µ¿ÀÛ½ÃÅ°¸é ´õ ¾µ¸ð°¡ ÀÖ´Ù. µð·ºÆ¼ºêµéÀ» ¿¬µ¿ÇÏ´Â ¹æ¹ý¿¡´Â ¿©·¯ °¡Áö°¡ ÀÖ´Ù. ±âº» ½ºÄÚÇÁÀÇ »ó¼ÓÀ» »ç¿ëÇÏ´Â ¹æ¹ýµµ ÀÖ°í ½ÇÇà ÄÁÅؽºÆ®¸¦ °øÀ¯ÇÏ´Â ¹æ¹ýµµ ÀÖ´Ù.
ÀÌ ÀåÀº µð·ºÆ¼ºêµéÀÌ ´Ù¸¥ µð·ºÆ¼ºêµé°ú ÇÔ²² µ¿ÀÛÇÏ´Â ¿©·¯ °¡Áö ¹æ¹ý¿¡ ´ëÇØ ±íÀÌ ÀÖ°Ô »ìÆ캻´Ù. ¼·Î °£ÀÇ °ü°è°¡ ¾î¶»µçÁö µÎ °³ÀÇ µð·ºÆ¼ºê°¡ Çù¾÷ÇÒ ¼ö ÀÖ´Â ¹æ¹ýÀº Ç×»ó ÀÖ´Ù. ÀÌ ÀåÀÇ ¿¹Á¦µéÀÌ Á¦´ë·Î µ¿ÀÛÇÏ´ÂÁö º¸±â À§ÇØ ÅëÇÕ Å×½ºÆ®ÇÏ´Â ¹æ¹ýµµ ¾Ë¾Æº»´Ù.
6Àå, ¡®¶óÀÌºê µ¥ÀÌÅ͸¦ ÀÌ¿ëÇÑ ÀÛ¾÷¡¯¿¡¼´Â ¾ÖÇø®ÄÉÀ̼ǿ¡¼ µ¥ÀÌÅÍ°¡ ¾ó¸¶³ª Áß¿äÇÑÁö ¾Ë¾Æº»´Ù. µ¥ÀÌÅ͸¦ À§ÇÑ °ÍÀÌ ¾Æ´Ï¶ó¸é À¥À» Àü¸é¿¡ ³»¼¼¿ï ÀÌÀ¯µµ ¾øÀ» °ÍÀÌ´Ù. ÀÌ Àå¿¡¼´Â µð·ºÆ¼ºê¸¦ °³¹ßÇÏ´Â À̸鿡 °¨ÃçÁø öÇаú ¶óÀÌºê µ¥ÀÌÅ͸¦ µð·ºÆ¼ºê¿¡¼ ¾î¶»°Ô ÀÌ¿ëÇÏ´ÂÁö »ìÆ캻´Ù.
¶óÀÌºê ¼Ò½º·ÎºÎÅÍ µ¥ÀÌÅÍ°¡ ³ª¿À¹Ç·Î, ÀÌ ÀåÀÇ ¸ðµç ¿¹Á¦µéÀ» ¼³°èÇÒ ¶§ µ¥ÀÌÅÍÀÇ Å©±â¸¦ °í·ÁÇß´Ù. ÀÌ·± »ý°¢Àº ¸¹Àº µ¥ÀÌÅ͸¦ ´Ù·ç´Â µð·ºÆ¼ºê¸¦ ÀÛ¼ºÇÒ ¶§ ¿©·¯ °¡Áö¸¦ °í¹ÎÇÏ°Ô ¸¸µç´Ù.
7Àå, ¡®ÃÖÀûÈ¿Í ÄÚµå Ç°Áú¡¯¿¡¼´Â ¾ÖÇø®ÄÉÀÌ¼Ç ¼ÓµµÀÇ Á߿伺°ú ¾ÖÇø®ÄÉÀÌ¼Ç Äڵ尡 ¹Îø¼ºÀ» À¯ÁöÇÒ ¶§ ¼ö¸í¿¡ ¾ó¸¶³ª ÇطοîÁö ¾Ë¾Æº»´Ù. AngularJS´Â ³î¶øµµ·Ï ±ò²ûÇÏ°í ºü¸¥ Äڵ带 ÀÛ¼ºÇÏ´Â ¸¹Àº ±â´ÉÀ» Á¦°øÇÑ´Ù. ±×·¯³ª ÀÌ·± ÁÁÀº °ÍµéÀ» »ç¿ëÇϱâ À§Çؼ´Â ±×¸¸ÅÀÇ Ã¥ÀÓÀÌ µÚµû¸¥´Ù.
AngularJS´Â À¥ ÆäÀÌÁö¸¦ ¾ÆÁÖ ´À¸®°Ô ¸¸µå´Â ºñÈ¿À²ÀûÀÎ ¹æ¹ýÀ¸·Î »ç¿ëµÉ ¼ö ÀÖ´Ù. ÀÌ Àå¿¡¼´Â µð·ºÆ¼ºê¸¦ ÀÛ¼ºÇÒ ¶§ Á¶½ÉÇØ¾ß ÇÒ °Íµé¿¡ ´ëÇØ ¾Ë¾Æº»´Ù. µð·ºÆ¼ºê°¡ ¸¹Àº ¾çÀÇ ¹ÙÀεù(binding)À» »ý¼ºÇÏ´Â ÁÖ¹üÀ̹ǷΠ¾î¶»°Ô ¹ÙÀεù ¼ö¸¦ ÃÖ¼ÒÇÑÀ¸·Î À¯ÁöÇÏ´ÂÁö »ìÆ캻´Ù.
8Àå, ¡®µð·ºÆ¼ºê¿Í ¾Ö´Ï¸ÞÀ̼ǡ¯¿¡¼´Â ¾Ö´Ï¸ÞÀ̼ÇÀ» ÅëÇÕÇÒ ¶§ ¿Ö µð·ºÆ¼ºê°¡ Áß¿äÇÑÁö¸¦ »ìÆ캻´Ù. ÀÌ°ÍÀº AngularJS ¾Ö´Ï¸ÞÀ̼ÇÀÌ µð·ºÆ¼ºê¸¦ µû¶ó ¹Ù·Î µ¿ÀÛÇÏ´Â ¶Ç ´Ù¸¥ ĸ½¶È °èÃþÀ» »ý¼ºÇÏ´Â ¹æ½ÄÀ¸·Î ³»ÀåµÇ¾ú±â ¶§¹®ÀÌ´Ù. ÀÌ Àå¿¡¼´Â Äھ ÀÖ´Â µð·ºÆ¼ºê¿¡¼ ¾Ö´Ï¸ÞÀÌ¼Ç ¼ºñ½º¸¦ »ç¿ëÇÏ´Â ¹æ¹ý°ú ¾Ö´Ï¸ÞÀ̼ÇÀ» »ç¿ëÇÏ´Â »ç¿ëÀÚ Á¤ÀÇ µð·ºÆ¼ºê¸¦ ÀÛ¼ºÇÏ´Â ¹æ¹ýÀ» ¾Ë¾Æº»´Ù.
9Àå, ¡®¸¶¹«¸®¡¯¿¡¼´Â ÀÌ Ã¥ÀÇ Àüü ³»¿ëÀ» ¿ä¾àÇÑ´Ù. ÀÌ Ã¥¿¡¼ ÂüÁ¶ÇÏ´Â °ü·Ã ³»¿ëÀ» ¾ð±ÞÇÏ°í °¢°¢¿¡ ´ëÇØ ´ë·«ÀûÀ¸·Î »ìÆ캻´Ù. Àü¹ÝÀûÀÎ ¸ñÀûÀº ÀÌ Ã¥¿¡¼ ¼³¸íÇÑ ¾ÆÀ̵ð¾î¿Í °³³äµéÀ» ¿Ï¼ºÇÏ´Â °ÍÀÌ´Ù.
¡Ú ÁöÀºÀÌÀÇ ¸» ¡Ú
AngularJS´Â ¸ÅÀÏ º¯ÈÇÏ´Â À¥ °³¹ß ºÐ¾ß¿¡ »õ·Î¿î ÁöÆòÀ» ¿¾ú´Ù. »ç¶÷µéÀÌ AngularJSÀÇ ¹æÇ⼺¿¡ µ¿ÀÇÇÏ´Â ÀÌÀ¯´Â ĸ½¶È¿Í ºÐ¸®¸¦ µ¶¸³µÈ ¿µ¿ªÀ¸·Î º¸´Â Á÷±³Àû °üÁ¡ ¶§¹®ÀÏ °ÍÀÌ´Ù. ±¸Á¶Àû ¿µ¿ª ¾ÈÀ¸·Î ·ÎÁ÷À» ºÐ¸®ÇÑ °ÍÀº AngularJS¸¸ÀÇ ÀåÁ¡ÀÌ´Ù. ±×¸®°í ÀÌ°ÍÀº °³¹ß ½Ã µµ¸ÞÀÎ ·ÎÁ÷¿¡ ÁýÁßÇÏ°Ô ÇØÁØ´Ù.
µð·ºÆ¼ºê´Â AngularJS ¾ÖÇø®ÄÉÀÌ¼Ç ³»¿¡¼ ¸¸µé ¼ö ÀÖ´Â °¡Àå Å« ĸ½¶È Çü½ÄÀÌ´Ù. µð·ºÆ¼ºê°¡ ¸ðµ¨(model)·ÎºÎÅÍ ºä(view)¸¦ ºÐ¸®ÇÏ´Â µ¥ ÃÊÁ¡À» ¸ÂÃß°í ÀÖÀ¸¹Ç·Î ÀÌ´Â ¸Â´Â ¸»ÀÌ´Ù. ¼ö³â µ¿¾È °³¹ßÀÚµéÀº ºñÁî´Ï½º ·ÎÁ÷À» ºä¿Í ºÐ¸®Çϱâ À§ÇØ ´Ù¾çÇÑ Á¾·ùÀÇ Å¬¶óÀ̾ðÆ® ·ÎÁ÷µéÀ» °áÇÕÇØ¿Ô´Ù. ºä¿Í ¸ðµ¨ÀÇ ºÐ¸®´Â ÃÖ±Ù À¥ ¾ÖÇø®ÄÉÀ̼ǵ鿡 ¸¹Àº ¿µÇâÀ» ÁÖ¾ú°í AngularJS µð·ºÆ¼ºêÀÇ ÇÙ½É »ç»óÀÌ ¹Ù·Î ¸ðµ¨°ú ºäÀÇ ºÐ¸®´Ù.
¸¹Àº »ç¶÷µéÀÌ µð·ºÆ¼ºê°¡ AngularJS¿¡¼ °¡Àå ¹è¿ì±â ¾î·Æ´Ù°í ¸»ÇÑ´Ù. ÀÌ°ÍÀº µð·ºÆ¼ºê°¡ ±âÁ¸ ÀÚ¹Ù½ºÅ©¸³Æ® ¹æ½Ä°ú ÀüÇô ´Ù¸¥ »õ·Î¿î Á¢±ÙÀ» ½ÃµµÇϱ⠶§¹®ÀÌ´Ù. HTML°ú ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ °ü°è¸¦ ó¸®Çϱâ À§ÇØ ¼±¾ðÀû Á¢±ÙÀ» ½ÃµµÇÏ´Â ¶óÀ̺귯¸®´Â ¸¹Áö ¾Ê´Ù. óÀ½¿¡´Â ÀÌ »õ·Î¿î °³³äÀ» ÀÌÇØÇÏ´Â °ÍÀÌ ½±Áö ¾ÊÀ¸³ª ÇÑ ¹ø Àß ÀÌÇØÇϸé ÀÌÈÄ¿¡´Â ºü¸£°Ô °³¹ßÇÒ ¼ö ÀÖ´Ù.
´Ü¼øÇÑ µð·ºÆ¼ºê ȤÀº ¿©·¯ °³ÀÇ µð·ºÆ¼ºê¸¦ °áÇÕÇØ ´Ù¾çÇÑ ¹®Á¦µéÀ» ÇØ°áÇÒ ¼ö ÀÖ´Ù. ¾ÕÀ¸·Î ¿ì¸®´Â °£´ÜÇÑ µð·ºÆ¼ºêµéÀ» ¸¸µå´Â ¹æ¹ýÀ» »ìÆ캸°í, ¾î¶² ¹®Á¦ÀÇ ÇØ°áÃ¥À¸·Î µð·ºÆ¼ºê¸¦ Áï°¢ »ý°¢Çس¾ ¼ö ÀÖ°Ô ÈÆ·ÃÇÒ °ÍÀÌ´Ù. ÀÌ Ã¥ÀÇ °¢ ´Ü°èµéÀº ÀûÀýÇÑ µ¥ÀÌÅÍ ¸ðµ¨À» ¼±ÅÃÇÏ°í, µ¥ÀÌÅ͸¦ ºä¿¡ È¿°úÀûÀ¸·Î º¸¿©ÁÖ°í, µ¥ÀÌÅÍ¿¡ º¯°æÀÌ ¹ß»ýÇϸé Áï°¢ ¹Ý¿µÇÏ´Â ¾ÆÀ̵ð¾î¸¦ ±â¹ÝÀ¸·Î ±¸¼ºÇß´Ù.
µð·ºÆ¼ºê¸¦ Àß ÀÌÇØÇÏ¸é ¸¹Àº ¹®Á¦µéÀ» µð·ºÆ¼ºê·Î ÇØ°áÇÒ ¼ö ÀÖ´Ù. ¸ðµç ¾ÖÇø®ÄÉÀ̼ǿ¡¼ »ç¿ë °¡´ÉÇÑ Áß¿äÇÑ µð·ºÆ¼ºêµéÀº AngularJS Äھ Æ÷ÇԵǾî ÀÖ´Ù. ÀÌ Ã¥Àº ´Ù¾çÇÑ ¸ñÀûÀÇ µð·ºÆ¼ºêµéÀ» ¸¸µé±â À§ÇØ AngularJS ¿É¼ÇµéÀ» ¾î¶»°Ô »ç¿ëÇÏ´ÂÁö º¸¿©ÁÙ °ÍÀÌ´Ù.
ÀÌ Ã¥¿¡¼´Â ´Ù¾çÇÑ ÇüÅÂÀÇ µð·ºÆ¼ºê ¿¹Á¦µéÀ» º¸¿©ÁØ´Ù. ½ºÅé¿öÄ¡(Stop Watch), ½ºÅé ¶óÀÌÆ®(Stop Light), ¹Ìµð¾î Ç÷¹À̾î(Meida Player), ÁÖ½Ä Â÷Æ®(Stock Chart)°¡ ÀÖÀ¸¸ç ÇÔ²² °áÇÕµÇ¾î µ¿ÀÛÇÒ »Ó¸¸ ¾Æ´Ï¶ó °³º°ÀûÀ¸·Îµµ µ¿ÀÛÇÑ´Ù. ¸ðµç µð·ºÆ¼ºê¿¡ ´ëÇØ »ó¿ë ¼ÒÇÁÆ®¿þ¾î ¼öÁØÀÇ ±¸Çö°ú Å×½ºÆ®¸¦ ÁøÇàÇÑ´Ù.
¡Ú ¿Å±äÀÌÀÇ ¸» ¡Ú
À¥ ÇÁ·ÐÆ® ÇÁ·¹ÀÓ¿öÅ© Áß ¸¹Àº °ü½ÉÀ» ¹Þ°í ÀÖ´Â ÇÁ·¹ÀÓ¿öÅ©·Î´Â ExtJS, BackboneJS µîÀÌ ÀÖ´Ù. ÇÏÁö¸¸ À̵é ÇÁ·¹ÀÓ¿öÅ©µéÀº MVC ±¸Á¶ ¾È¿¡¼ ·ÎÁ÷°ú ºäÀÇ ¿µ¿ªÀ» ºÐ¸íÇÏ°í È®½ÇÇÏ°Ô ºÐ¸®½ÃÅ°Áö ¸øÇß´Ù. ±×¸®°í ¾ÖÇø®ÄÉÀÌ¼Ç Å×½ºÆ®¿Í À¯Áö ¹× º¸¼öµµ ½±Áö ¾Ê¾Ò´Ù. ÀÌ·± ¹®Á¦µéÀ» ÇØ°áÇÏ°íÀÚ µîÀåÇÑ ±¸¼¼ÁÖ°¡ ±¸±ÛÀÇ AngularJS´Ù.
AngularJS´Â ºü¸£°Ô º¯ÈÇÏ´Â À¥ ȯ°æ¿¡ µü ¸Â´Â ÇÁ·¹ÀÓ¿öÅ©¶ó Çصµ °ú¾ðÀÌ ¾Æ´Ï´Ù. AngularJS À¥ ¾ÖÇø®ÄÉÀ̼ÇÀº ´Ù¾çÇÑ ¼µåÆÄƼ ¶óÀ̺귯¸®¿Í ÀÚÀ¯·Ó°Ô ¿¬µ¿ÇÒ ¼ö ÀÖ°í, ±×µ¿¾È ÇÁ·ÐÆ®¿£µå °³¹ß¿¡¼´Â Èûµé¾ú´ø Å×½ºÆ® Äڵ帶Àú ½±°Ô ÀÛ¼ºÇÒ ¼ö ÀÖµµ·Ï µµ¿ÍÁØ´Ù. ¶ÇÇÑ ¼µåÆÄƼ¸¦ ÀÌ¿ëÇÑ ´ÜÀ§ Å×½ºÆ®ºÎÅÍ ÅëÇÕ Å×½ºÆ®±îÁö ¸ðµç ºÎºÐ¿¡¼ Å×½ºÆ®¸¦ ÇÒ ¼ö Àִ ȯ°æÀ» Á¦°øÇÑ´Ù.
ƯÈ÷, ÀÌ Ã¥¿¡¼ ´Ù·ê µð·ºÆ¼ºê´Â AngularJSÀÇ ÇÙ½ÉÀÌ¸ç ²ÉÀ̶ó ÇÒ ¼ö ÀÖ´Ù. ÀÌ Ã¥Àº ´Ù¾çÇÑ »ç·Ê¿Í »ó¼¼ÇÑ Äڵ带 Á¦°øÇØ µð·ºÆ¼ºêÀÇ ÀåÁ¡À» ºü¸£°í ½±°Ô ÀÍÈú ¼ö ÀÖµµ·Ï µµ¿ÍÁØ´Ù. µð·ºÆ¼ºê¿Í ¼µåÆÄƼ ¶óÀ̺귯¸®¸¦ È°¿ëÇØ DOM ó¸® ¹æ¹ýÀ» ÀÚ¿¬½º·´°Ô ÀÌÇØÇÏ°í ¾î¶»°Ô µð·ºÆ¼ºê °£¿¡ Åë½ÅÇÏ¸ç ¼·Î °áÇÕÇØ ÄÁÅؽºÆ®¸¦ °øÀ¯ÇÏ´ÂÁö »ìÆ캻´Ù. ¶ÇÇÑ µð·ºÆ¼ºê°¡ ¸¹Àº ¾çÀÇ µ¥ÀÌÅ͸¦ ¹ÙÀεùÇÒ ¶§ »ý±â´Â ¼º´É ÀúÇϸ¦ ÃÖÀûÈÇÏ´Â ¹æ¹ýÀ» º¸¿© ÁÙ °ÍÀÌ´Ù.
ÀÌ Ã¥À» ÅëÇØ ±âÁ¸ ÇÁ·¹ÀÓ¿öÅ©¿Í AngularJS°¡ °¢°¢ ¾î¶»°Ô ¸ðµ¨°ú ºä¸¦ ºÐ¸®ÇÏ´ÂÁö ÀÌÇØÇÒ ¼ö ÀÖÀ» °ÍÀÌ´Ù. ¶ÇÇÑ AnguarJS µð·ºÆ¼ºê¸¦ ÀÌ¿ëÇØ ÀڽŸ¸ÀÇ ÅÂ±×¿Í ÇÁ·ÎÆÛƼ¸¦ ¸¸µé¾î HTMLÀ» È®ÀåÇÏ°í ¸ðµâÈÇÒ ¼ö ÀÖ°Ô µÇ±æ ¹Ù¶õ´Ù.
AngularJS ÇÁ·¹ÀÓ¿öÅ©·Î MVC ±¸Á¶ÀÇ À¥ ¾ÖÇø®ÄÉÀ̼ÇÀ» ±¸»ó ÁßÀ̶ó¸é ÀÌ Ã¥Àº ¿©·¯ºÐ¿¡°Ô ÈǸ¢ÇÑ µð·ºÆ¼ºê(Directive)°¡ µÉ °ÍÀÌ´Ù.
¸ñÂ÷
1 ±âÃÊ ´ÙÁö±â
__µð·ºÆ¼ºê ¼Ò°³
____µð·ºÆ¼ºê Á¤ÀÇ °´Ã¼ API
________priority
________terminal
________scope
________controller
________require
________controllerAs
________restrict
________template
________templateUrl
________replace
________transclude
________compile
________link
________µð·ºÆ¼ºê Á¤ÀÇ °´Ã¼¸¦ ¸¶Ä¡¸ç
__¿ä¾à
2 stopwatch µð·ºÆ¼ºê »ý¼º
__stopwatch ÆÄÇìÄ¡±â
____stopwatch ¿ä±¸»çÇ×
____Å×½ºÆ® ±âÃÊ
____Å×½ºÆ® »ý¼º
__stopwatch ÀÛ¼º
____stopwatchÀÇ ºñÁî´Ï½º ·ÎÁ÷
________ºñÁî´Ï½º ·ÎÁ÷ Å×½ºÆ®
____stopwatch ÃÖÀûÈ
________stopwatch ÇÊÅÍ
__¿ä¾à
3 ¿ÜºÎ ÀÚ¹Ù½ºÅ©¸³Æ® ¶óÀ̺귯¸®¿Í µð·ºÆ¼ºê
__¼µåÆÄƼ ¶óÀ̺귯¸® ÅëÇÕ
__¼µåÆÄƼ ¶óÀ̺귯¸®¸¦ »ç¿ëÇÑ µð·ºÆ¼ºê Å×½ºÆ®
__gauge.js ÆÄÀÏ ·¦ÇÎ
____gauge µð·ºÆ¼ºê Å×½ºÆ®
____gauge µð·ºÆ¼ºê ÀÛ¼º
________½ºÄÚÇÁ »óÈ£ÀÛ¿ë Å×½ºÆ® ÀÛ¼º
__fullCalendar.js ·¦ÇÎ
____calendar µð·ºÆ¼ºê ¼Ò°³
____fullCalendar µð·ºÆ¼ºê Å×½ºÆ®
________calendar ÃʱâÈ¿Í MVC ±â´É Å×½ºÆ®
____fullCalendar µð·ºÆ¼ºê ÀÛ¼º
__¿ä¾à
4 °í±Þ ÄÄÆÄÀϸµ
__DOM ÄÄÆÄÀÏÀÇ ÀϹÝÀûÀÎ »ç·Ê
__µð·ºÆ¼ºê¿¡¼ Æ®·£½ºÅ¬·çÀü »ç¿ë
____Æ®·£½ºÅ¬·çÀü º£ÀÏ ¹þ±â±â
__Àç±ÍÀûÀÎ µð·ºÆ¼ºê »ý¼º
____»ç¿ëÀÚ Á¤ÀÇ Àç±Í tree µð·ºÆ¼ºê
____transclusion°ú templateUrlÀ» »ç¿ëÇÑ treeNode µð·ºÆ¼ºê
________treeNode µð·ºÆ¼ºê Å×½ºÆ®
________treeNodeTemplate µð·ºÆ¼ºê
____Æ®·£½ºÅ¬·çÀü¸¸ »ç¿ëÇÏ´Â treeNode µð·ºÆ¼ºê
________treeNode µð·ºÆ¼ºê Å×½ºÆ®
________treeNodeNoTemplate µð·ºÆ¼ºê
__ÅÛÇø´°ú ¿©·¯ °¡Áö °ª ÄÄÆÄÀÏ
__¹Ìµð¾î Ç÷¹ÀÌ¾î µð·ºÆ¼ºê ¼Ò°³
____¹Ìµð¾î Ç÷¹ÀÌ¾î µð·ºÆ¼ºê ¿ä±¸»çÇ×
____¹Ìµð¾î Ç÷¹ÀÌ¾î µð·ºÆ¼ºê Å×½ºÆ®
____¹Ìµð¾î Ç÷¹ÀÌ¾î µð·ºÆ¼ºê ÀÛ¼º
________¹Ìµð¾î Ç÷¹ÀÌ¾î µð·ºÆ¼ºê ÆÄÇìÄ¡±â
____°í±Þ ÅÛÇø´ È°¿ë
________mediaelement ÅÛÇø´
________flowplayer ÅÛÇø´
__¿ä¾à
5 µð·ºÆ¼ºê °£ Åë½Å
__µð·ºÆ¼ºê ÅëÇÕ Å×½ºÆ®
____ÅëÇÕ Å×½ºÆ®
__½ºÄÚÇÁ °´Ã¼¸¦ »ç¿ëÇÑ Åë½Å
____ÀÚ½Ä ½ºÄÚÇÁ¸¦ ÀÌ¿ëÇÑ Åë½Å
____wasFast µð·ºÆ¼ºê »ý¼º
________´ÜÀ§ Å×½ºÆ®
________ÅëÇÕ Å×½ºÆ®
________wasFast µð·ºÆ¼ºê ±¸Çö
____fastRunner µð·ºÆ¼ºê ÀÛ¼º
________ÅëÇÕ Å×½ºÆ®
________fastRunner µð·ºÆ¼ºê ±¸Çö
__µ¶¸³ ½ºÄÚÇÁ¸¦ ÀÌ¿ëÇÑ Åë½Å
____$rootScope¸¦ ÀÌ¿ëÇÑ Åë½Å
____´Ù¸¥ µð·ºÆ¼ºê¿¡ ¹æ¼Û
____¹Ìµð¾î Ç÷¹ÀÌ¾î °£ Åë½Å
________bbBroadcastingPlayer µð·ºÆ¼ºê ÅëÇÕ Å×½ºÆ®
________bbBroadcastPlayer µð·ºÆ¼ºê ±¸Çö
__ÄÁÆ®·Ñ·¯¿Í Çù¾÷
____require 񃧯
____bbPlayer µð·ºÆ¼ºêÀÇ ÄÁÆ®·Ñ·¯ »ç¿ë
________ÅëÇÕ Å×½ºÆ®
________bbPlayer, bbPlayerContainer µð·ºÆ¼ºê ±¸Çö
____fastClicker µð·ºÆ¼ºê »ý¼º
________ÅëÇÕ Å×½ºÆ®
________fastClicker µð·ºÆ¼ºê ÀÛ¼º
________½ºÅé¿öÄ¡ ¿¬°á
__¿ä¾à
6 ¶óÀÌºê µ¥ÀÌÅ͸¦ ÀÌ¿ëÇÑ ÀÛ¾÷
__µð·ºÆ¼ºê¸¦ Á¶Á¤ÇÏ´Â ±â¼ú
____$q ¶óÀ̺귯¸®
____µ¥ÀÌÅÍ º¯°æÀ» ¾î¶»°Ô °¨½ÃÇØ¾ß ÇÒ±î?
________$rootScope.data¿¡ ´ëÇÑ ±íÀº °¨½Ã
________$rootScope.data¿¡ ´ëÇÑ ¾èÀº °¨½Ã
__µð·ºÆ¼ºê°¡ Ã¥ÀÓÀ» Áú ¼ö ÀÖ´Ù
____µ¥ÀÌÅ͸¦ Á¦¾îÇÏ´Â µð·ºÆ¼ºê Å×½ºÆ®
________bbPhoneDetails Å×½ºÆ®
____bbPhoneDetails µð·ºÆ¼ºê ÀÛ¼º
__D3·Î ÀÛ¾÷
________À¯Æ©ºê Á¶È¸¼ö ¸·´ë Â÷Æ®
________stockTicker µð·ºÆ¼ºê
__¿ä¾à
7 ÃÖÀûÈ¿Í ÄÚµå Ç°Áú
__AngularJS ÄÚµå Ç°Áú
____ÅÛÇø´ÀÇ Á߿伺
____Çʼö DOM Á¶ÀÛ
__µð·ºÆ¼ºê ÃÖÀûÈ
____¼º´É ¸ð´ÏÅ͸µ µµ±¸
____digest ½ÎÀÌŬ
__´õ Àû°Ô ¹ÙÀεùÇØ ´õ ºü¸¥ °á°ú ¾ò±â
____bbOneBinders µð·ºÆ¼ºê·Î ¹®Á¦ ÇØ°á
________bbOneBinders µð·ºÆ¼ºê
________bbOndeBinders Å×½ºÆ®
__¿ä¾à
8 µð·ºÆ¼ºê¿Í ¾Ö´Ï¸ÞÀ̼Ç
__¾Ö´Ï¸ÞÀÌ¼Ç Á¦°ø
__CSS ±â¹Ý ¾Ö´Ï¸ÞÀ̼Ç
____ngClass¿Í Æ®·£Áö¼ÇÀ» ÇÔ²² »ç¿ë
____ngClass¿Í ¾Ö´Ï¸ÞÀ̼ÇÀ» ÇÔ²² »ç¿ë
____ngIf¿Í Æ®·£Áö¼ÇÀ» ÇÔ²² »ç¿ë
__ÀÚ¹Ù½ºÅ©¸³Æ® ±â¹Ý ¾Ö´Ï¸ÞÀ̼Ç
____Ä¿½ºÅÒ effeckt.CSS ¾Ö´Ï¸ÞÀ̼Ç
__¿ä¾à
9 ¸¶¹«¸®
__µð·ºÆ¼ºê ºí·Ïµé
__¼µåÆÄƼ ¶óÀ̺귯¸®
__ÄÄÆÄÀÏ ÁÖ±â
__µð·ºÆ¼ºê Å×½ºÆ®
__µð·ºÆ¼ºê °£ Åë½Å
__Ç°Áú°ú ¼º´É
__¾Ö´Ï¸ÞÀ̼Ç
__¿ä¾à
ÀúÀÚ¼Ò°³
»ý³â¿ùÀÏ | - |
---|
ÇØ´çÀÛ°¡¿¡ ´ëÇÑ ¼Ò°³°¡ ¾ø½À´Ï´Ù.
»ý³â¿ùÀÏ | - |
---|
ÇØ´çÀÛ°¡¿¡ ´ëÇÑ ¼Ò°³°¡ ¾ø½À´Ï´Ù.
ÁÖ°£·©Å·
´õº¸±â»óÇ°Á¤º¸Á¦°ø°í½Ã
À̺¥Æ® ±âȹÀü
ÀÌ »óÇ°ÀÇ ½Ã¸®Áî
(ÃÑ 208±Ç / ÇöÀ籸¸Å °¡´Éµµ¼ 208±Ç)
Àü°øµµ¼/´ëÇб³Àç ºÐ¾ß¿¡¼ ¸¹Àº ȸ¿øÀÌ ±¸¸ÅÇÑ Ã¥
ÆǸÅÀÚÁ¤º¸
»óÈ£ |
(ÁÖ)±³º¸¹®°í |
---|---|
´ëÇ¥ÀÚ¸í |
¾Èº´Çö |
»ç¾÷ÀÚµî·Ï¹øÈ£ |
102-81-11670 |
¿¬¶ôó |
1544-1900 |
ÀüÀÚ¿ìÆíÁÖ¼Ò |
callcenter@kyobobook.co.kr |
Åë½ÅÆǸž÷½Å°í¹øÈ£ |
01-0653 |
¿µ¾÷¼ÒÀçÁö |
¼¿ïƯº°½Ã Á¾·Î±¸ Á¾·Î 1(Á¾·Î1°¡,±³º¸ºôµù) |
±³È¯/ȯºÒ
¹ÝÇ°/±³È¯ ¹æ¹ý |
¡®¸¶ÀÌÆäÀÌÁö > Ãë¼Ò/¹ÝÇ°/±³È¯/ȯºÒ¡¯ ¿¡¼ ½Åû ¶Ç´Â 1:1 ¹®ÀÇ °Ô½ÃÆÇ ¹× °í°´¼¾ÅÍ(1577-2555)¿¡¼ ½Åû °¡´É |
---|---|
¹ÝÇ°/±³È¯°¡´É ±â°£ |
º¯½É ¹ÝÇ°ÀÇ °æ¿ì Ãâ°í¿Ï·á ÈÄ 6ÀÏ(¿µ¾÷ÀÏ ±âÁØ) À̳»±îÁö¸¸ °¡´É |
¹ÝÇ°/±³È¯ ºñ¿ë |
º¯½É ȤÀº ±¸¸ÅÂø¿À·Î ÀÎÇÑ ¹ÝÇ°/±³È¯Àº ¹Ý¼Û·á °í°´ ºÎ´ã |
¹ÝÇ°/±³È¯ ºÒ°¡ »çÀ¯ |
·¼ÒºñÀÚÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óÇ° µîÀÌ ¼Õ½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì ·¼ÒºñÀÚÀÇ »ç¿ë, Æ÷Àå °³ºÀ¿¡ ÀÇÇØ »óÇ° µîÀÇ °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì ·º¹Á¦°¡ °¡´ÉÇÑ »óÇ° µîÀÇ Æ÷ÀåÀ» ÈѼÕÇÑ °æ¿ì ·½Ã°£ÀÇ °æ°ú¿¡ ÀÇÇØ ÀçÆǸŰ¡ °ï¶õÇÑ Á¤µµ·Î °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì ·ÀüÀÚ»ó°Å·¡ µî¿¡¼ÀÇ ¼ÒºñÀÚº¸È£¿¡ °üÇÑ ¹ý·üÀÌ Á¤ÇÏ´Â ¼ÒºñÀÚ Ã»¾àöȸ Á¦ÇÑ ³»¿ë¿¡ ÇØ´çµÇ´Â °æ¿ì |
»óÇ° Ç°Àý |
°ø±Þ»ç(ÃâÆÇ»ç) Àç°í »çÁ¤¿¡ ÀÇÇØ Ç°Àý/Áö¿¬µÉ ¼ö ÀÖÀ½ |
¼ÒºñÀÚ ÇÇÇغ¸»ó |
·»óÇ°ÀÇ ºÒ·®¿¡ ÀÇÇÑ ±³È¯, A/S, ȯºÒ, Ç°Áúº¸Áõ ¹× ÇÇÇغ¸»ó µî¿¡ °üÇÑ »çÇ×Àº¼ÒºñÀÚºÐÀïÇØ°á ±âÁØ (°øÁ¤°Å·¡À§¿øȸ °í½Ã)¿¡ ÁØÇÏ¿© ó¸®µÊ ·´ë±Ý ȯºÒ ¹× ȯºÒÁö¿¬¿¡ µû¸¥ ¹è»ó±Ý Áö±Þ Á¶°Ç, ÀýÂ÷ µîÀº ÀüÀÚ»ó°Å·¡ µî¿¡¼ÀǼҺñÀÚ º¸È£¿¡ °üÇÑ ¹ý·ü¿¡ µû¶ó ó¸®ÇÔ |
(ÁÖ)ÀÎÅÍÆÄÅ©Ä¿¸Ó½º´Â ȸ¿ø´ÔµéÀÇ ¾ÈÀü°Å·¡¸¦ À§ÇØ ±¸¸Å±Ý¾×, °áÁ¦¼ö´Ü¿¡ »ó°ü¾øÀÌ (ÁÖ)ÀÎÅÍÆÄÅ©Ä¿¸Ó½º¸¦ ÅëÇÑ ¸ðµç °Å·¡¿¡ ´ëÇÏ¿©
(ÁÖ)KGÀ̴Ͻýº°¡ Á¦°øÇÏ´Â ±¸¸Å¾ÈÀü¼ºñ½º¸¦ Àû¿ëÇÏ°í ÀÖ½À´Ï´Ù.
¹è¼Û¾È³»
±³º¸¹®°í »óÇ°Àº Åùè·Î ¹è¼ÛµÇ¸ç, Ãâ°í¿Ï·á 1~2Àϳ» »óÇ°À» ¹Þ¾Æ º¸½Ç ¼ö ÀÖ½À´Ï´Ù.
Ãâ°í°¡´É ½Ã°£ÀÌ ¼·Î ´Ù¸¥ »óÇ°À» ÇÔ²² ÁÖ¹®ÇÒ °æ¿ì Ãâ°í°¡´É ½Ã°£ÀÌ °¡Àå ±ä »óÇ°À» ±âÁØÀ¸·Î ¹è¼ÛµË´Ï´Ù.
±ººÎ´ë, ±³µµ¼Ò µî ƯÁ¤±â°üÀº ¿ìü±¹ Åù踸 ¹è¼Û°¡´ÉÇÕ´Ï´Ù.
¹è¼Ûºñ´Â ¾÷ü ¹è¼Ûºñ Á¤Ã¥¿¡ µû¸¨´Ï´Ù.