|
|
|
AngularJS·Î ÇÏ´Â À¥ ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß
|
|
|
acorn PACKT1
¤Ó ÆÄÀ£ ÄÚÁñ·ÎÇÁ½ºÅ°(Pawel Kozlowski), Çö¼ö¸í
¤Ó
¿¡ÀÌÄÜÃâÆÇ
¤Ó
Mastering Web Application Development with AngularJS
|
|
|
|
- Á¦ÈÞ¸ô ÁÖ¹® ½Ã °í°´º¸»ó, ÀϺΠÀ̺¥Æ® Âü¿© ¹× ÁõÁ¤Ç° ÁõÁ¤, ÇÏ·ç/´çÀÏ ¹è¼Û¿¡¼ Á¦¿ÜµÇ¹Ç·Î Âü°í ¹Ù¶ø´Ï´Ù.
-
-
-
[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
____Å×½ºÆ® ¶óÀ̺귯¸®¿Í µµ±¸
____Jasm...ine
____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¿Í ºñµ¿±â ¸ðµâ Á¤ÀÇ
Áö¿ø ºê¶ó¿ìÀú
__ÀÎÅÍ³Ý ÀͽºÇ÷η¯ Áö¿ø
Á¤¸®
-
-
|
ÆÄÀ£ ÄÚÁñ·ÎÇÁ½ºÅ°(Pawel Kozlowski) [Àú]
|
|
-
15³â ÀÌ»óÀÇ À¥ °³¹ß °æ·ÂÀÌ ÀÖÀ¸¸ç, ´Ù¾çÇÑ Á¾·ùÀÇ À¥ ±â¼ú, ¾ð¾î, Ç÷§ÆûÀ» °æÇèÇØ ¿Ô´Ù. Ŭ¶óÀ̾ðÆ® Ãø°ú ¼¹ö ÃøÀ» ¸ðµÎ ´Ù·ç´Â µ¥ °Ì³»Áö ¾ÊÀ¸¸ç, Ç×»ó »ý»êÀûÀÎ Åø°ú ÇÁ·Î¼¼½º¸¦ ã°í ÀÖ´Ù. ¿ÀǼҽº ¼ÒÇÁÆ®¿þ¾î¸¦ ±»°Ô ½Å·ÚÇÑ´Ù. ±×·¡¼ AngularJS ÇÁ·ÎÁ§Æ®¿¡ ¸Å¿ì ¸¹Àº ±â¿©¸¦ ÇßÀ¸¸ç, AngularJS Ä¿¹Â´ÏƼ¿¡¼ È°¹ßÇÏ°Ô È°µ¿ ÁßÀÌ´Ù. AngularJS ÇÁ·¹ÀÓ¿öÅ© ±â¹ÝÀÇ Angular UI ÇÁ·ÎÁ§Æ®¿¡µµ ±â¿© ÁßÀ̸ç, AngularJS·Î ±¸ÇöÇÑ Æ®À§ÅÍ ºÎÆ®½ºÆ®·¦ µð·ºÆ¼ºê(Twitter Bootstrap)¿¡ ÁýÁßÇÑ´Ù. ÄÚµùÀ» ÇÏÁö ¾ÊÀ» ¶§´Â ´Ù¾çÇÑ ÄÁÆÛ·±½º¿Í Çà»ç¿¡¼ AngularJS¿¡ ´ëÇÑ ¹ßÇ¥¸¦ ÇÑ´Ù.
-
|
Çö¼ö¸í [Àú]
|
|
-
ÀåÀÎ °³¹ßÀÚ¸¦ ²Þ²Ù´Â °ß½À °³¹ßÀÚ. ÇÔ²² ¹è¿ì°í Åä·ÐÇϸç Áö½Ä °øÀ¯Çϱ⸦ ÁÁ¾ÆÇÑ´Ù. ½Å³ª°í Áñ°Ì°Ô °³¹ßÇϱâ À§ÇØ ³ë·Â ÁßÀÌ¸ç ½ÀµæÇÑ Áö½ÄÀº ºí·Î±×(soomong.net)¸¦ ÅëÇØ °øÀ¯ÇÏ°í ÀÖ´Ù. ÇöÀç »ï¼ºÀüÀÚ¿¡¼ ¸ð¹ÙÀÏ ¼ºñ½º¸¦ °³¹ß ÁßÀÌ´Ù. ¿¡ÀÌÄÜÃâÆǻ翡¼ Ãâ°£µÈ [Android Application Testing Guide Çѱ¹¾îÆÇ](2012)¸¦ ¹ø¿ªÇß´Ù.
-
-
Àüü 0°³ÀÇ ±¸¸ÅÈıⰡ ÀÖ½À´Ï´Ù.
|
ÀÎÅÍÆÄÅ©µµ¼´Â °í°´´ÔÀÇ ´Ü¼ø º¯½É¿¡ ÀÇÇÑ ±³È¯°ú ¹ÝÇ°¿¡ µå´Â ºñ¿ëÀº °í°´´ÔÀÌ ÁöºÒÄÉ µË´Ï´Ù.
´Ü, »óÇ°À̳ª ¼ºñ½º ÀÚüÀÇ ÇÏÀÚ·Î ÀÎÇÑ ±³È¯ ¹× ¹ÝÇ°Àº ¹«·á·Î ¹ÝÇ° µË´Ï´Ù. |
|
±³È¯ ¹× ¹ÝÇ°ÀÌ °¡´ÉÇÑ °æ¿ì |
»óÇ°À» °ø±Þ ¹ÞÀº ³¯·ÎºÎÅÍ 7ÀÏÀ̳» °¡´É
°ø±Þ¹ÞÀ¸½Å »óÇ°ÀÇ ³»¿ëÀÌ Ç¥½Ã, ±¤°í ³»¿ë°ú ´Ù¸£°Å³ª ´Ù¸£°Ô ÀÌÇàµÈ °æ¿ì¿¡´Â °ø±Þ¹ÞÀº ³¯·ÎºÎÅÍ 3°³¿ù À̳», ȤÀº ±×»ç½ÇÀ» ¾Ë°Ô µÈ ³¯ ¶Ç´Â ¾Ë ¼ö ÀÖ¾ú´ø ³¯·ÎºÎÅÍ 30ÀÏ À̳»
»óÇ°¿¡ ¾Æ¹«·± ÇÏÀÚ°¡ ¾ø´Â °æ¿ì ¼ÒºñÀÚÀÇ °í°´º¯½É¿¡ ÀÇÇÑ ±³È¯Àº »óÇ°ÀÇ Æ÷Àå»óÅ µîÀÌ ÀüÇô ¼Õ»óµÇÁö ¾ÊÀº °æ¿ì¿¡ ÇÑÇÏ¿© °¡´É |
|
±³È¯ ¹× ¹ÝÇ°ÀÌ ºÒ°¡´ÉÇÑ °æ¿ì |
±¸¸ÅÈ®Á¤ ÀÌÈÄ(¿ÀǸ¶ÄÏ»óÇ°¿¡ ÇÑÇÔ)
°í°´´ÔÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óÇ° µîÀÌ ¸ê½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì
(´Ü, »óÇ°ÀÇ ³»¿ëÀ» È®ÀÎÇϱâ À§ÇÏ¿© Æ÷Àå µîÀ» ÈѼÕÇÑ °æ¿ì´Â Á¦¿Ü)
½Ã°£ÀÌ Áö³²¿¡ µû¶ó ÀçÆǸŰ¡ °ï¶õÇÒ Á¤µµ·Î ¹°Ç°ÀÇ °¡Ä¡°¡ ¶³¾îÁø °æ¿ì
Æ÷Àå °³ºÀµÇ¾î »óÇ° °¡Ä¡°¡ ÈÑ¼ÕµÈ °æ¿ì |
|
´Ù¹è¼ÛÁöÀÇ °æ¿ì ¹ÝÇ° ȯºÒ |
´Ù¹è¼ÛÁöÀÇ °æ¿ì ´Ù¸¥ Áö¿ªÀÇ ¹ÝÇ°À» µ¿½Ã¿¡ ÁøÇàÇÒ ¼ö ¾ø½À´Ï´Ù.
1°³ Áö¿ªÀÇ ¹ÝÇ°ÀÌ ¿Ï·áµÈ ÈÄ ´Ù¸¥ Áö¿ª ¹ÝÇ°À» ÁøÇàÇÒ ¼ö ÀÖÀ¸¹Ç·Î, ÀÌÁ¡ ¾çÇØÇØ Áֽñ⠹ٶø´Ï´Ù. |
|
Áß°í»óÇ°ÀÇ ±³È¯ |
Áß°í»óÇ°Àº Á¦ÇÑµÈ Àç°í ³»¿¡¼ ÆǸŰ¡ ÀÌ·ç¾îÁö¹Ç·Î, ±³È¯Àº ºÒ°¡´ÉÇÕ´Ï´Ù. |
|
¿ÀǸ¶ÄÏ »óÇ°ÀÇ È¯ºÒ |
¿ÀǸ¶ÄÏ»óÇ°¿¡ ´ëÇÑ Ã¥ÀÓÀº ¿øÄ¢ÀûÀ¸·Î ¾÷ü¿¡°Ô ÀÖÀ¸¹Ç·Î, ±³È¯/¹ÝÇ° Á¢¼ö½Ã ¹Ýµå½Ã ÆǸÅÀÚ¿Í ÇùÀÇ ÈÄ ¹ÝÇ° Á¢¼ö¸¦ ÇϼžßÇϸç, ¹ÝÇ°Á¢¼ö ¾øÀÌ ¹Ý¼ÛÇϰųª, ¿ìÆíÀ¸·Î º¸³¾ °æ¿ì »óÇ° È®ÀÎÀÌ ¾î·Á¿ö ȯºÒÀÌ ºÒ°¡´ÉÇÒ ¼ö ÀÖÀ¸´Ï À¯ÀÇÇϽñ⠹ٶø´Ï´Ù. |
|
|
|
¹è¼Û¿¹Á¤ÀÏ ¾È³» |
ÀÎÅÍÆÄÅ© µµ¼´Â ¸ðµç »óÇ°¿¡ ´ëÇØ ¹è¼Û¿Ï·á¿¹Á¤ÀÏÀ» À¥»çÀÌÆ®¿¡ Ç¥½ÃÇÏ°í ÀÖ½À´Ï´Ù.
|
<ÀÎÅÍÆÄÅ© Á÷¹è¼Û »óÇ°> |
»óÇ°Àº ¿ù~Åä¿äÀÏ ¿ÀÀü 10½Ã ÀÌÀü ÁÖ¹®ºÐ¿¡ ´ëÇÏ¿© ´çÀÏ Ãâ°í/´çÀÏ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÏ´Â »óÇ°ÀÔ´Ï´Ù. |
»óÇ°Àº ¼¿ïÁö¿ª/ÆòÀÏ ÁÖ¹®ºÐÀº ´çÀÏ Ãâ°í/ÀÍÀÏ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇϸç,
¼¿ï¿ÜÁö¿ª/ÆòÀÏ ÁÖ¹®ºÐÀÇ °æ¿ì´Â ¿ÀÈÄ 6½Ã±îÁö ÁÖ¹®ºÐ¿¡ ´ëÇÏ¿© ÀÍÀÏ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÏ´Â »óÇ°ÀÔ´Ï´Ù.
(´Ü, ¿ù¿äÀÏÀº 12½Ã±îÁö ÁÖ¹®¿¡ ÇÑÇÔ)
|
»óÇ°Àº, ÀÔ°í¿¹Á¤ÀÏ(Á¦Ç°Ãâ½ÃÀÏ)+Åùè»ç¹è¼ÛÀÏ(1ÀÏ)¿¡ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÕ´Ï´Ù. |
~
»óÇ°Àº À¯ÅëƯ¼º»ó ÀÎÅÍÆÄÅ©¿¡¼ Àç°í¸¦ º¸À¯ÇÏÁö ¾ÊÀº »óÇ°À¸·Î ÁÖ¹®ÀÏ+±âÁØÃâ°íÀÏ+Åùè»ç¹è¼ÛÀÏ(1ÀÏ)¿¡ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÕ´Ï´Ù.(Åä/°øÈÞÀÏÀº ¹è¼Û±â°£¿¡ Æ÷ÇÔµÇÁö ¾Ê½À´Ï´Ù.)
¡Ø±âÁØÃâ°íÀÏ:ÀÎÅÍÆÄÅ©°¡ »óÇ°À» ¼ö±ÞÇÏ¿© ¹°·ùâ°í¿¡¼ Æ÷Àå/Ãâ°íÇϱâ±îÁö ¼Ò¿äµÇ´Â ½Ã°£
|
|
<¾÷ü Á÷Á¢¹è¼Û/¿ÀǸ¶ÄÏ »óÇ°> |
~
»óÇ°Àº ¾÷ü°¡ ÁÖ¹®À» È®ÀÎÇÏ°í, Ãâ°íÇϱâ±îÁö °É¸®´Â ½Ã°£ÀÔ´Ï´Ù. ÁÖ¹®ÀÏ+±âÁØÃâ°íÀÏ+Åùè»ç¹è¼ÛÀÏ(2ÀÏ)¿¡ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÕ´Ï´Ù.(Åä/°øÈÞÀÏÀº ¹è¼Û±â°£¿¡ Æ÷ÇÔµÇÁö ¾Ê½À´Ï´Ù.)
¡Ø5ÀÏÀ̳» Ãâ°í°¡ ½ÃÀÛµÇÁö ¾ÊÀ»½Ã, ¿ÀǸ¶ÄÏ »óÇ°Àº ÀÚµ¿À¸·Î ÁÖ¹®ÀÌ Ãë¼ÒµÇ¸ç, °í°´´Ô²² Ç°Àýº¸»ó±ÝÀ» Áö±ÞÇØ µå¸³´Ï´Ù.
|
|
|
¹è¼Ûºñ ¾È³» |
µµ¼(Áß°íµµ¼ Æ÷ÇÔ)¸¸ ±¸¸ÅÇϽøé : ¹è¼Ûºñ 2,000¿ø (1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û) À½¹Ý/DVD¸¸ ±¸¸ÅÇϽøé : ¹è¼Ûºñ 1,500¿ø (2¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
ÀâÁö/¸¸È/±âÇÁÆ®¸¸ ±¸¸ÅÇϽøé : ¹è¼Ûºñ 2,000¿ø (2¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
µµ¼¿Í À½¹Ý/DVD¸¦ ÇÔ²² ±¸¸ÅÇϽøé : ¹è¼Ûºñ 1,500¿ø 1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
µµ¼¿Í ÀâÁö/¸¸È/±âÇÁÆ®/Áß°íÁ÷¹è¼Û»óÇ°À» ÇÔ²² ±¸¸ÅÇϽøé : 2,000¿ø (1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
¾÷üÁ÷Á¢¹è¼Û»óÇ°À» ±¸¸Å½Ã : ¾÷üº°·Î »óÀÌÇÑ ¹è¼Ûºñ Àû¿ë
* ¼¼Æ®»óÇ°ÀÇ °æ¿ì ºÎºÐÃë¼Ò ½Ã Ãß°¡ ¹è¼Ûºñ°¡ ºÎ°úµÉ ¼ö ÀÖ½À´Ï´Ù.
* ºÏÄ«Æ®¿¡¼ ¹è¼Ûºñ¾ø¾Ö±â ¹öÆ°À» Ŭ¸¯Çϼż, µ¿ÀϾ÷ü»óÇ°À» Á¶±Ý ´õ ±¸¸ÅÇϽøé, ¹è¼Ûºñ¸¦ Àý¾àÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù.
|
|
Çؿܹè¼Û ¾È³» |
ÀÎÅÍÆÄÅ©µµ¼¿¡¼´Â ±¹³»¿¡¼ ÁÖ¹®ÇϽðųª ÇØ¿Ü¿¡¼ ÁÖ¹®ÇÏ¿© ÇØ¿Ü·Î ¹è¼ÛÀ» ¿øÇÏ½Ç °æ¿ì DHL°ú Ư¾àÀ¸·Î Ã¥Á¤µÈ ¿ä±ÝÇ¥¿¡
ÀÇÇØ °³ÀÎÀÌ ÀÌ¿ëÇÏ´Â °æ¿ìº¸´Ù ¹è¼Û¿ä±ÝÀ» Å©°Ô ³·Ã߸ç DHL(www.dhl.co.kr)·Î Çؿܹè¼Û ¼ºñ½º¸¦ Á¦°øÇÕ´Ï´Ù.
Çؿܹè¼ÛÀº µµ¼/CD/DVD »óÇ°¿¡ ÇÑÇØ ¼ºñ½ºÇÏ°í ÀÖÀ¸¸ç, ´Ù¸¥ »óÇ°À» ºÏÄ«Æ®¿¡ ÇÔ²² ´ãÀ¸½Ç °æ¿ì Çؿܹè¼ÛÀÌ ºÒ°¡ÇÕ´Ï´Ù.
ÇØ¿ÜÁÖ¹®¹è¼Û ¼ºñ½º´Â ÀÎÅÍÆÄÅ© µµ¼ ȸ¿ø °¡ÀÔÀ» Çϼž߸¸ ½Åû °¡´ÉÇÕ´Ï´Ù. |
|
¾Ë¾ÆµÎ¼¼¿ä!!! |
µµ¸Å»ó ¹× Á¦ÀÛ»ç »çÁ¤¿¡ µû¶ó Ç°Àý/ÀýÆÇ µîÀÇ »çÀ¯·Î Ãë¼ÒµÉ ¼ö ÀÖ½À´Ï´Ù.
¿ÀǸ¶ÄϾ÷üÀÇ ¹è¼ÛÁö¿¬½Ã ÁÖ¹®ÀÌ ÀÚµ¿À¸·Î Ãë¼ÒµÉ ¼ö ÀÖ½À´Ï´Ù.
Ãâ°í°¡´É ½Ã°£ÀÌ ¼·Î ´Ù¸¥ »óÇ°À» ÇÔ²² ÁÖ¹®ÇÒ °æ¿ì Ãâ°í°¡´É ½Ã°£ÀÌ °¡Àå ±ä ±âÁØÀ¸·Î ¹è¼ÛµË´Ï´Ù.
À¯ÅëÀÇ Æ¯¼º»ó Ãâ°í±â°£Àº ¿¹Á¤º¸´Ù ¾Õ´ç°ÜÁö°Å³ª ´ÊÃçÁú ¼ö ÀÖ½À´Ï´Ù.
Åùè»ç ¹è¼ÛÀÏÀÎ ¼¿ï ¹× ¼öµµ±ÇÀº 1~2ÀÏ, Áö¹æÀº 2~3ÀÏ, µµ¼, »ê°£, ±ººÎ´ë´Â 3ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù. |
|
|
|
|