±¹³»µµ¼
Àü°øµµ¼/´ëÇб³Àç
°øÇаè¿
ÄÄÇ»ÅÍ°øÇÐ
Á¤°¡ |
36,000¿ø |
---|
32,400¿ø (10%ÇÒÀÎ)
1,800P (5%Àû¸³)
ÇÒÀÎÇýÅÃ | |
---|---|
Àû¸³ÇýÅà |
|
|
|
Ãß°¡ÇýÅÃ |
|
À̺¥Æ®/±âȹÀü
¿¬°üµµ¼
»óÇ°±Ç
ÀÌ»óÇ°ÀÇ ºÐ·ù
Ã¥¼Ò°³
Angular´Â GoogleÀÌ ÁÖ°üÇÏ´Â À¥ ¾ÖÇø®ÄÉÀÌ¼Ç ÇÁ·¹ÀÓ¿öÅ©´Ù. °³¹ßÀڵ鿡°Ô Å« Àα⸦ ²ø¾ú´ø ÀÌÀü ¹öÀüÀÇ AngularJS´Â ÀÌÁ¦ »õ·Î¿î ±¸Á¶¿Í öÇÐÀ» µµÀÔÇؼ ¿ÏÀüÈ÷ »õ·Î¿î ÇÁ·¹ÀÓ¿öÅ©°¡ µÇ¾î µ¹¾Æ¿Ô´Ù. »õ·Î¿î ¹öÀüÀÇ Angular¿¡¼ Á¦°øÇÏ´Â ÈǸ¢ÇÑ ±â´É°ú À¥ ÄÄÆ÷³ÍÆ® ±â¹Ý öÇÐÀ» ±íÀÌ ÀÖ°Ô ¾Ë¾Æº¸°í, µ¥ÀÌÅ͸¦ ºä¿¡ Ç¥½ÃÇÏ´Â ¹æ¹ý, »ç¿ëÀÚ°¡ ÀÔ·ÂÇÑ Æû µ¥ÀÌÅÍ Ã³¸®, ¼¹ö¿Í Åë½Å, Å×½ºÆ®¿Í ¹èÆ÷±îÁö ¾ÖÇø®ÄÉÀ̼ÇÀÇ ¸ðµç °³¹ß ´Ü°è¸¦ ´Ù·é´Ù. ´õºÒ¾î Çö¾÷¿¡ ¹Ù·Î Àû¿ëÇÒ ¼ö ÀÖµµ·Ï ´Ù¾çÇÑ ¿¹Á¦¿Í ÇÔ²² ¼³¸íÇϸç, Áß´ëÇü ±Ô¸ðÀÇ ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß¿¡ ÀûÇÕÇÑ TypeScript¿Í ES6¿¡ ´ëÇؼµµ ¾Ë¾Æº»´Ù. ÀÌ Ã¥À» ¸¶Áö¸·±îÁö ÀÐ°í ³ª¸é, ½Ç¹«¿¡ ¹Ù·Î µµÀÔÇÒ ¼öÁØÀÌ µÉ °ÍÀÌ´Ù.
ÃâÆÇ»ç ¼Æò
ÃֽŠAngular ÇÁ·¹ÀÓ¿öÅ©¸¦ ÇÁ·ÎÁ§Æ®¿¡ µµÀÔÇÏ°í ½Í´Ù¸é!
ÃֽŠAngular ÇÁ·¹ÀÓ¿öÅ©¸¦ ü°èÀûÀ¸·Î ÇнÀÇÏ°í ½Í´Ù¸é!
Angular ÇÁ·¹ÀÓ¿öÅ©ÀÇ ±âº» ¿ø¸®¿Í °í±Þ »ç¿ë¹ý±îÁö ±íÀÌ ÀÖ°Ô ´Ù·ç¸ç, ½Ç¹« ÇÁ·ÎÁ§Æ®¿¡ È°¿ëÇÒ ¼ö ÀÖ´Â ´Ù¾çÇÑ ¿¹Á¦¿Í ÇÔ²² ¼³¸íÇÑ´Ù.
1Àå¿¡¼´Â °³¹ßÀÚµéÀÌ ¸¹ÀÌ »ç¿ëÇÏ´Â JavaScript ÇÁ·¹ÀÓ¿öÅ©¿Í ¶óÀ̺귯¸®¿¡ ´ëÇØ ¾Ë¾Æº¸°í, Angular ÇÁ·¹ÀÓ¿öÅ©ÀÇ ±¸Á¶¸¦ Àü¹ÝÀûÀ¸·Î »ìÆ캻´Ù. ÀÌ Ã¥¿¡¼ ½Ç½À °úÁ¦·Î ÁøÇàÇÒ ¿Â¶óÀÎ °æ¸Å ¾ÖÇø®ÄÉÀ̼ǵµ ¼Ò°³ÇÑ´Ù.
2Àå¿¡¼´Â °£´ÜÇÑ Angular ¾ÖÇø®ÄÉÀ̼ÇÀ» ¸¸µé¾îº¸°í, ÀÌ¾î¼ Angular ¾ÖÇø®ÄÉÀ̼ÇÀ» ±¸¼ºÇÏ´Â ¿ä¼Ò¿¡ ´ëÇØ ¾Ë¾Æº»´Ù. ¾ÖÇø®ÄÉÀ̼ÇÀ» ºê¶ó¿ìÀú¿¡¼ ½ÇÇàÇϱâ À§ÇØ »ç¿ëÇÏ´Â SystemJS ¸ðµâ ·Î´õ¿¡ ´ëÇؼµµ ¾Ë¾Æº»´Ù. ÀÌ ÀåÀÇ ½Ç½À¿¡¼´Â ¿Â¶óÀÎ °æ¸Å ¾ÖÇø®ÄÉÀ̼ÇÀÇ Ã¹ ¹öÀüÀ» ¸¸µé¾îº»´Ù.
3Àå¿¡¼´Â AngularÀÇ ¶ó¿ìÅÍ¿¡ ´ëÇØ ¾Ë¾Æº»´Ù. ½Ì±Û ÆäÀÌÁö ¾ÖÇø®ÄÉÀ̼ÇÀº °¢ ȸéÀ» ¶ó¿ìÅÍ·Î ÀüȯÇϴµ¥, Angular ÇÁ·¹ÀÓ¿öÅ©¿¡¼´Â ÀÌ ¶ó¿ìÅ͸¦ ¾î¶»°Ô ¼³Á¤ÇÒ ¼ö ÀÖ´ÂÁö ¾Ë¾Æº»´Ù. ¶ó¿ìÅ͸¦ ÅëÇØ ºÎ¸ð ÄÄÆ÷³ÍÆ®¿¡¼ ÀÚ½Ä ÄÄÆ÷³ÍÆ®·Î µ¥ÀÌÅ͸¦ Àü´ÞÇÏ´Â ¹æ¹ýµµ ¾Ë¾Æº»´Ù. ÀÌ ÀåÀÇ ½Ç½À¿¡¼´Â ¿Â¶óÀÎ °æ¸Å ¾ÖÇø®ÄÉÀ̼ǿ¡ ¶ó¿ìÅ͸¦ Àû¿ëÇÑ´Ù.
4Àå¿¡¼´Â ÀÇÁ¸¼º ÁÖÀÔ ÆÐÅÏÀ» ¾Ë¾Æº¸°í AngularÇÁ·¹ÀÓ¿öÅ©¿¡¼ ÀÌ ÆÐÅÏÀ» ¾î¶»°Ô »ç¿ëÇÒ ¼ö ÀÖ´ÂÁö ¾Ë¾Æº»´Ù. ÀÌ ÀåÀÇ ½Ç½À¿¡¼´Â ¿Â¶óÀÎ °æ¸Å ¾ÖÇø®ÄÉÀ̼ǿ¡ »ç¿ëµÈ ÀÇÁ¸¼º ÁÖÀÔ ÆÐÅÏÀ» ÀÚ¼¼ÇÏ°Ô ¾Ë¾Æº»´Ù.
5Àå¿¡¼´Â µ¥ÀÌÅ͸¦ ¹ÙÀεùÇÏ´Â ¿©·¯°¡Áö ¹æ½ÄÀ» ¾Ë¾Æº¸°í, ¿ÉÀú¹öºíÀ» »ç¿ëÇÏ´Â ¹ÝÀÀÇü ÇÁ·Î±×·¡¹Ö¿¡ ´ëÇؼµµ ¾Ë¾Æº»´Ù. ÀÌ ÀåÀÇ ½Ç½À¿¡¼´Â ¿Â¶óÀÎ °æ¸Å ¾ÖÇø®ÄÉÀ̼ǿ¡ ¿ÉÀú¹öºí ½ºÆ®¸²À» Àû¿ëÇÑ´Ù.
6Àå¿¡¼´Â ÄÄÆ÷³ÍÆ®³¢¸® µ¥ÀÌÅ͸¦ ÁÖ°í ¹Þ´Â ¹æ¹ýÀ» ¾Ë¾Æº»´Ù. ÄÄÆ÷³ÍÆ®ÀÇ ÀÔ·Â ÇÁ·ÎÆÛƼ¿Í Ãâ·Â ÇÁ·ÎÆÛƼ¿¡ ´ëÇØ ¾Ë¾Æº¸°í, Áß°³ÀÚ µðÀÚÀÎ ÆÐÅÏ¿¡ ´ëÇØ ¾Ë¾Æº¸¸ç, ÄÄÆ÷³ÍÆ®ÀÇ »ý¸íÁֱ⿡ ´ëÇؼµµ ¾Ë¾Æº»´Ù. ÀÌ ÀåÀÇ ½Ç½À¿¡¼´Â ¿Â¶óÀÎ °æ¸Å ¾ÖÇø®ÄÉÀ̼ǿ¡ º°Á¡ ±â´ÉÀ» Ãß°¡ÇÑ´Ù.
7Àå¿¡¼´Â Angular¾ÖÇø®ÄÉÀ̼ǿ¡¼ ÆûÀ» ´Ù·ç´Â ¹æ¹ýÀ» ¾Ë¾Æº»´Ù. ÅÛÇø´ ±â¹Ý Æû°ú ¹ÝÀÀÇü Æû API¿¡ ´ëÇÑ ³»¿ëÀ» ¼Ò°³ÇÏ°í ³ª¸é, Æû À¯È¿¼º °Ë»ç¿¡ ´ëÇؼµµ ´Ù·é´Ù. ÀÌ ÀåÀÇ ½Ç½À¿¡¼´Â °Ë»ö ÄÄÆ÷³ÍÆ®ÀÇ ±â´É¿¡ ÀÌ ³»¿ëÀ» Àû¿ëÇÑ´Ù.
8Àå¿¡¼´Â Angular ¾ÖÇø®ÄÉÀ̼ǿ¡¼ ¼¹ö¿¡ µ¥ÀÌÅÍ ¿äûÀ» º¸³»´Â ¹æ¹ýÀ» ¾Ë¾Æº»´Ù. HTTP ÇÁ·ÎÅäÄÝ°ú WebSocket ÇÁ·ÎÅäÄÝÀ» »ç¿ëÇϸç, ÀÌ ¶§ ¼¹ö´Â Node.js¿Í Express ÇÁ·¹ÀÓ¿öÅ©¸¦ »ç¿ëÇؼ °£´ÜÇÏ°Ô ¸¸µé¾îº»´Ù. ÀÌ ÀåÀÇ ½Ç½À¿¡¼´Â ¿Â¶óÀÎ °æ¸Å ¾ÖÇø®ÄÉÀÌ¼Ç ¼¹ö¸¦ ¸¸µé°í Angular ¾ÖÇø®ÄÉÀ̼ÇÀÌ ÀÌ ¼¹ö¿Í Åë½ÅÇÒ ¼ö ÀÖµµ·Ï ¼öÁ¤ÇÑ´Ù.
9Àå¿¡¼´Â À¯´Ö Å×½ºÆ®¸¦ ´Ù·é´Ù. Jasmine ÇÁ·¹ÀÓ¿öÅ©¿Í Angular Å×½ºÆ® ¶óÀ̺귯¸®¸¦ ¾Ë¾Æº¸°í, Angular ¾ÖÇø®ÄÉÀ̼ÇÀÇ °¢ ±¸¼º¿ä¼Ò¸¦ ¾î¶»°Ô Å×½ºÆ®ÇÒ ¼ö ÀÖ´ÂÁö ¾Ë¾Æº»´Ù. ÀÌ ÀåÀÇ ½Ç½À¿¡¼´Â ¿Â¶óÀÎ °æ¸Å ¾ÖÇø®ÄÉÀ̼ǿ¡ À¯´Ö Å×½ºÆ®¸¦ Àû¿ëÇÑ´Ù.
10Àå¿¡¼´Â ÀÚµ¿È Åø¿¡ ´ëÇØ ´Ù·é´Ù. WebpackÀ» »ç¿ëÇؼ ¾ÖÇø®ÄÉÀ̼ÇÀ» ¹øµé¸µÇÏ°í ÃÖÀûÈÇÏ´Â ¹æ¹ý¿¡ ´ëÇØ ¾Ë¾Æº¸¸ç, Angular CLI¸¦ »ç¿ëÇÏ´Â ¹æ¹ýµµ ¾Ë¾Æº»´Ù. ÀÌ ÀåÀÇ ½Ç½ÀÀº µÎ °³´Ù. ¸ÕÀú, ¿Â¶óÀÎ °æ¸Å ¾ÖÇø®ÄÉÀ̼ǿ¡ WebpackÀ» Àû¿ëÇؼ ¿î¿µ¿ëÀ¸·Î ºôµåÇÏ´Â ¹æ¹ýÀ» ¾Ë¾Æº»´Ù. ±×¸®°í ÀÌ ¾ÖÇø®ÄÉÀ̼ÇÀ» Angular CLI·Î ´Ù½Ã ÇÑ ¹ø ¸¸µé¾îº¸¸é¼ Angular CLI¸¦ È°¿ëÇÏ´Â ¹æ¹ýÀ» ¾Ë¾Æº»´Ù.
ºÎ·Ï A´Â ECMAScript 2015(ES6)¸¦ ´Ù·é´Ù.
ºÎ·Ï B´Â TypeScript ¹®¹ýÀ» ´Ù·é´Ù.
¡Ø ÀÌ Ã¥Àº Angluar 4.1.0 ¹öÀü ±âÁØÀ¸·Î ¼³¸íÇÕ´Ï´Ù.
¡Ø ÀÌ Ã¥ÀÇ ¿¹Á¦ ¼Ò½º´Â ¿ªÀÚ(ÇÑÀåÇö)ÀÇ ±êÇãºê(https://github.com/han41858/Angular-development-with-TypeScript)¿Í http://www.rubypaper.co.kr ÀÚ·á½Ç¿¡¼ ³»·Á¹ÞÀ» ¼ö ÀÖÀ¸¸ç, ¿ªÀÚÀÇ ±êÇãºê À̽´ ÆäÀÌÁö¸¦ ÅëÇØ µ¶ÀÚ¿Í ¼ÒÅëÇÕ´Ï´Ù.
¸ñÂ÷
Chapter01 Angular ¼Ò°³
1.1 JavaScript ÇÁ·¹ÀÓ¿öÅ©¿Í ¶óÀ̺귯¸®
1.1.1 Á¾ÇÕ ÇÁ·¹ÀÓ¿öÅ©
1.1.2 °æ·® ÇÁ·¹ÀÓ¿öÅ©
1.1.3 ¶óÀ̺귯¸®
1.1.4 Node.js´Â ¹«¾ùÀΰ¡?
1.2 AngularJS »ìÆ캸±â
1.3 Angular »ìÆ캸±â
1.3.1 ´Ü¼øÇØÁø ÄÚµå
1.3.2 ¼º´É Çâ»ó
1.4 Angular °³¹ßÀÚ°¡ »ç¿ëÇÏ´Â Åø
1.5 Angular ±â´É ±¸Çö ¹æ½Ä
1.6 ¿Â¶óÀÎ °æ¸Å ¾ÖÇø®ÄÉÀÌ¼Ç ¿¹Á¦
1.7 Á¤¸®
Chapter 02 Angular ½ÃÀÛÇϱâ
2.1 ù ¹ø° Angular ¾ÖÇø®ÄÉÀ̼Ç
2.1.1 TypeScript·Î ÀÛ¼ºÇÏ´Â Hellow World
2.1.2 ES5·Î ÀÛ¼ºÇÏ´Â Hello World
2.1.3 ES6·Î ÀÛ¼ºÇÏ´Â Hello World
2.1.4 ¾ÖÇø®ÄÉÀÌ¼Ç ½ÇÇàÇϱâ
2.2 Angular ¾ÖÇø®ÄÉÀ̼ÇÀÇ ±¸¼º ¿ä¼Ò
2.2.1 ¸ðµâ(Module)
2.2.2 ÄÄÆ÷³ÍÆ®(Component)
2.2.3 µð·ºÆ¼ºê(Directive)
2.2.4 µ¥ÀÌÅÍ ¹ÙÀεù ±âÃÊ
2.3 SystemJS ¸ðµâ ·Î´õ
2.3.1 ¸ðµâ ·Î´õ
2.3.2 ¸ðµâ ·Î´õ vs. [script] ű×
2.3.3 SystemJS ½ÃÀÛÇϱâ
2.4 ÆÐÅ°Áö ¸Å´ÏÀú ¼±ÅÃÇϱâ
2.4.1 npm°ú jspm ºñ±³
2.4.2 npm vs. yarn
2.4.3 yarnÀ¸·Î Angular ÇÁ·ÎÁ§Æ® ½ÃÀÛÇϱâ
2.5 ½Ç½À : ¿Â¶óÀÎ °æ¸Å ¾ÖÇø®ÄÉÀ̼Ç
2.5.1 ÇÁ·ÎÁ§Æ® ¼³Á¤
2.5.2 ù ÆäÀÌÁö ±¸¼ºÇϱâ
2.5.3 ¿Â¶óÀÎ °æ¸Å ¾ÖÇø®ÄÉÀÌ¼Ç ½ÇÇàÇϱâ
2.6 Á¤¸®
Chapter 03 ¶ó¿ìÅÍ·Î ³»ºñ°ÔÀÌ¼Ç ±¸ÇöÇϱâ
3.1 ¶ó¿ìÅÍ
3.1.1 À§Ä¡ Á¤Ã¥(Location strategy)
3.1.2 ¶ó¿ìÅÍ ±¸¼º ¿ä¼Ò
3.1.3 navigate( ) ÇÔ¼ö »ç¿ëÇϱâ
3.2 ¶ó¿ìÅÍ·Î µ¥ÀÌÅÍ Àü´ÞÇϱâ
3.2.1 ActivatedRoute¿¡¼ ¶ó¿ìÆà ÀÎÀÚ ÃßÃâÇϱâ
3.2.2 ¶ó¿ìÅÍ·Î Á¤Àû µ¥ÀÌÅÍ Àü´ÞÇϱâ
3.3 ÀÚ½Ä ¶ó¿ìÆÃ
3.4 ¶ó¿ìÆà °¡µå(Route Guards)
3.5 ¶ó¿ìÆà ¿µ¿ª ¿©·¯ °³ ¸¸µé±â
3.6 ¸ðµâ ´ÜÀ§·Î ¾Û ³ª´©±â
3.7 ¸ðµâ Áö¿¬ ·Îµù
3.8 ½Ç½À : ³»ºñ°ÔÀÌ¼Ç Ãß°¡Çϱâ
3.8.1 ProductDetailComponent ¸¸µé±â
3.8.2 HomeComponent ¸¸µé±â
3.8.3 ApplicationComponent Á¤¸®Çϱâ
3.8.4 ProductComponent¿¡ RouterLink Ãß°¡Çϱâ
3.8.5 ·çÆ® ¸ðµâ¿¡ ¶ó¿ìÆà Ãß°¡Çϱâ
3.8.6 ¾ÖÇø®ÄÉÀÌ¼Ç ½ÇÇàÇϱâ
3.9 Á¤¸®
Chapter 04 ÀÇÁ¸¼º ÁÖÀÔ
4.1 ÀÇÁ¸¼º ÁÖÀÔ°ú Á¦¾î±Ç ¿ªÀü
4.1.1 ÀÇÁ¸¼º ÁÖÀÔ ÆÐÅÏ
4.1.2 Á¦¾î±Ç ¿ªÀü ÆÐÅÏ
4.1.3 ÀÇÁ¸¼º ÁÖÀÔÀÇ ÀåÁ¡
4.2 ÀÎÁ§ÅÍ¿Í ÇÁ·Î¹ÙÀÌ´õ
4.2.1 ÇÁ·Î¹ÙÀÌ´õ µî·ÏÇϱâ
4.3 ÀÇÁ¸¼º ÁÖÀÔ ¿¹Á¦
4.3.1 »óÇ° ¼ºñ½º ÁÖÀÔÇϱâ
4.3.2 HTTP ¼ºñ½º ÁÖÀÔÇϱâ
4.4 ÇÁ·Î¹ÙÀÌ´õ º¯°æÇϱâ
4.4.1 ÇÁ·Î¹ÙÀÌ´õ¿¡ useFactory¿Í useValue »ç¿ëÇϱâ
4.4.2 ºÒÅõ¸í ÅäÅ«(OpaqueToken) »ç¿ëÇϱâ
4.5 ÀÎÁ§ÅÍÀÇ °èÃþ ±¸Á¶
4.5.1 viewProviders
4.6 ½Ç½À : ÀÇÁ¸¼º ÁÖÀÔ ÆÐÅÏ È®ÀÎÇϱâ
4.6.1 ¶ó¿ìÅÍ ÀÎÀÚ¸¦ »óÇ°ÀÇ ID·Î ¼öÁ¤Çϱâ
4.6.2 ProductDetailComponent ¼öÁ¤Çϱâ
4.7 Á¤¸®
Chapter 05 ¹ÙÀεù, ¿ÉÀú¹öºí, ÆÄÀÌÇÁ
5.1 µ¥ÀÌÅÍ ¹ÙÀεù
5.1.1 À̺¥Æ® ¹ÙÀεù
5.1.2 ÇÁ·ÎÆÛƼ ¹ÙÀεù, ¾îÆ®¸®ºäÆ® ¹ÙÀεù
5.1.3 ÅÛÇø´ ¹ÙÀεù
5.1.4 ¾ç¹æÇâ µ¥ÀÌÅÍ ¹ÙÀεù
5.2 ¹ÝÀÀÇü ÇÁ·Î±×·¡¹Ö°ú ¿ÉÀú¹öºí
5.2.1 ¿ÉÀú¹ö¿Í ¿ÉÀú¹öºíÀÌ ¹«¾ùÀΰ¡?
5.2.2 ¿ÉÀú¹öºí À̺¥Æ® ½ºÆ®¸²
5.2.3 ¿ÉÀú¹öºí Ãë¼ÒÇϱâ
5.3 ÆÄÀÌÇÁ
5.3.1 Ä¿½ºÅÒ ÆÄÀÌÇÁ
5.4 ½Ç½À : »óÇ° ÇÊÅ͸µ
5.4.1 ÇÁ·ÎÁ§Æ®¿¡ FormModule Ãß°¡Çϱâ
5.4.2 Ä¿½ºÅÒ ÆÄÀÌÇÁ Á¤ÀÇÇϱâ
5.4.3 SearchComponent ¼öÁ¤Çϱâ
5.4.4 HomeComponent ¼öÁ¤Çϱâ
5.4.5 AppModule ¼öÁ¤Çϱâ
5.4.6 °æ¸Å ¾ÖÇø®ÄÉÀÌ¼Ç ½ÇÇàÇϱâ
5.5 Á¤¸®
Chapter 06 ÄÄÆ÷³ÍÆ® Åë½Å
6.1 ÄÄÆ÷³ÍÆ®³¢¸® Åë½ÅÇϱâ
6.1.1 ÀÔ·Â ÇÁ·ÎÆÛƼ¿Í Ãâ·Â ÇÁ·ÎÆÛƼ
6.1.2 Áß°³ÀÚ ÆÐÅÏ
6.1.3 ÇÁ·ÎÁ§¼Ç
6.2 ÄÄÆ÷³ÍÆ® »ý¸íÁÖ±â
6.2.1 ngOnChanges( ) ÇÔ¼ö »ç¿ëÇϱâ
6.3 º¯È °¨Áö±â µ¿ÀÛ ¿ø¸®
6.4 ÀÚ½Ä ÄÄÆ÷³ÍÆ®ÀÇ API Á÷Á¢ ½ÇÇàÇϱâ
6.5 ½Ç½À : º°Á¡ ±â´É Ãß°¡Çϱâ
6.5.1 StarsComponent Ŭ·¡½º ÄÚµå ¼öÁ¤Çϱâ
6.5.2 StarsComponent ÅÛÇø´ ¼öÁ¤Çϱâ
6.5.3 ProductDetailComponent ÅÛÇø´ ¼öÁ¤Çϱâ
6.5.4 ProductDetailComponent Ŭ·¡½º ÄÚµå ¼öÁ¤Çϱâ
6.5.5 AppModule ¼öÁ¤Çϱâ
6.6 Á¤¸®
Chapter 07 Æû ó¸®Çϱâ
7.1 HTML Æû
7.1.1 HTML Ç¥ÁØ Æû
7.1.2 Angular Æû
7.2 ÅÛÇø´ ±â¹Ý Æû
7.2.1 ÅÛÇø´ ±â¹Ý Æû¿¡ »ç¿ëÇÏ´Â µð·ºÆ¼ºê
7.2.2 HTML Æû¿¡ Àû¿ëÇϱâ
7.3 ¹ÝÀÀÇü Æû
7.3.1 Æû ¸ðµ¨
7.3.2 Æû µð·ºÆ¼ºê
7.3.3 ¿¹Á¦ Æû ¸®ÆÑÅ丵
7.3.4 FormBuilder »ç¿ëÇϱâ
7.4 Æû À¯È¿¼º °Ë»ç
7.4.1 ¹ÝÀÀÇü Æû À¯È¿¼º °Ë»ç
7.5 ½Ç½À : °Ë»ö Æû¿¡ À¯È¿¼º °Ë»ç Ãß°¡Çϱâ
7.5.1 SearchComponent¿¡ Ä«Å×°í¸® ¸ñ·Ï Ãß°¡Çϱâ
7.5.2 Æû ¸ðµ¨ ¸¸µé±â
7.5.3 ÅÛÇø´ ¼öÁ¤Çϱâ
7.5.4 onSearch( ) ÇÔ¼ö ±¸ÇöÇϱâ
7.5.5 ¾ÖÇø®ÄÉÀÌ¼Ç ½ÇÇàÇϱâ
7.6 Á¤¸®
Chapter08 ¼¹ö¿Í µ¥ÀÌÅÍ ÁÖ°í¹Þ±â
8.1 Http °´Ã¼
8.2 Node.js¿Í TypeScript·Î À¥ ¼¹ö ¸¸µé±â
8.2.1 °£´ÜÇÑ À¥ ¼¹ö ¸¸µé±â
8.2.2 JSON µ¥ÀÌÅÍ Á¦°øÇϱâ
8.2.3 TypeScript·Î ½Ç½Ã°£ º¯È¯ÇÏ°í ·ÎµåÇϱâ
8.2.4 »óÇ° Á¤º¸¸¦ Á¦°øÇÏ´Â RESTful API Ãß°¡Çϱâ
8.3 Angular¿Í Node.js ¿¬µ¿Çϱâ
8.3.1 Á¤Àû ¸®¼Ò½º(Static resources) Á¦°øÇϱâ
8.3.2 Ŭ¶óÀ̾ðÆ® ȯ°æ ¼³Á¤
8.3.3 HTTP GET ¿äûÇϱâ
8.3.4 AsyncPipe
8.3.5 ¼ºñ½º¿¡ HTTP ÁÖÀÔÇϱâ
8.4 À¥¼ÒÄÏ »ç¿ëÇϱâ
8.4.1 Node.js ¼¹ö¿¡¼ µ¥ÀÌÅÍ Çª½ÃÇϱâ
8.4.2 À¥¼ÒÄÏÀ» ¿ÉÀú¹öºí·Î ¸¸µé±â
8.5 ½Ç½À : »óÇ° °Ë»ö°ú ÀÔÂû ¾Ë¸² ±¸ÇöÇϱâ
8.5.1 HTTP ¼¹ö ±¸ÇöÇϱâ
8.5.2 »óÇ° °Ë»ö ±â´É ±¸ÇöÇϱâ
8.5.3 À¥¼ÒÄÏÀ¸·Î ÀÔÂû ¾Ë¸² º¸³»±â
8.6 Á¤¸®
Chapter09 À¯´Ö Å×½ºÆ®
9.1 Jasmine ÇÁ·¹ÀÓ¿öÅ©
9.1.1 ¹«¾ùÀ» Å×½ºÆ®ÇÒ °ÍÀΰ¡
9.1.2 Jasmine ¼³Ä¡Çϱâ
9.2 Angular Å×½ºÆ® ¶óÀ̺귯¸®
9.2.1 ¼ºñ½º Å×½ºÆ®
9.2.2 ¶ó¿ìÅÍ Å×½ºÆ®
9.2.3 ÄÄÆ÷³ÍÆ® Å×½ºÆ®
9.3 ³¯¾¾ ¾ÖÇø®ÄÉÀÌ¼Ç Å×½ºÆ®
9.3.1 ÇÁ·ÎÁ§Æ® ¼³Á¤
9.3.2 ¶ó¿ìÅÍ Å×½ºÆ®
9.3.3 ¼ºñ½º Å×½ºÆ®
9.3.4 ÄÄÆ÷³ÍÆ® Å×½ºÆ®
9.4 Karma Å×½ºÆ® ·¯³Ê ½ÇÇàÇϱâ
9.5 ½Ç½À : À¯´Ö Å×½ºÆ® Àû¿ëÇϱâ
9.5.1 ApplicationComponent Å×½ºÆ® ÄÚµå
9.5.2 ProductService Å×½ºÆ® ÄÚµå
9.5.3 StarsComponent Å×½ºÆ® ÄÚµå
9.5.4 Å×½ºÆ® ½ÇÇà
9.6 Á¤¸®
Chapter10 ¹øµé¸µ, ¹èÆ÷
10.1 Webpack »ìÆ캸±â
10.1.1 Webpack ½ÃÀÛÇϱâ
10.1.2 Webpack ·Î´õ
10.1.3 Webpack Ç÷¯±×ÀÎ
10.2 Webpack ±âº» ¼³Á¤
10.2.1 yarn build
10.2.2 yarn start
10.3 °³¹ß¿ë ¼³Á¤°ú ¿î¿µ¿ë ¼³Á¤ ºÐ¸®Çϱâ
10.3.1 package.json ¼³Á¤
10.3.2 ȯ°æº¯¼ö ¼³Á¤
10.3.3 Webpack ¼³Á¤
10.3.4 Angular ¾ÖÇø®ÄÉÀ̼ǿ¡ Node.js ȯ°æ º¯¼ö Àü´ÞÇϱâ
10.3.5 ½ÇÇàÇϱâ
10.4 Angular CLI
10.4.1 Angular CLI·Î ÇÁ·ÎÁ§Æ® »ý¼ºÇϱâ
10.4.2 Angular CLI Ä¿¸Çµå
10.5 ½Ç½À 1 : Webpack Àû¿ëÇϱâ
10.5.1 ¼¹ö ¼öÁ¤Çϱâ
10.5.2 Ŭ¶óÀ̾ðÆ® ¼öÁ¤Çϱâ
10.5.3 Karma Å×½ºÆ® ¼³Á¤Çϱâ
10.5.4 ¿î¿µ¿ëÀ¸·Î ºôµåÇÏ°í ¹èÆ÷Çϱâ
10.6 ½Ç½À 2 : Angular CLI·Î ¸®ÆÑÅ丵Çϱâ
10.6.1 ÇÁ·ÎÁ§Æ® »ý¼ºÇϱâ
10.6.2 ÄÄÆ÷³ÍÆ® »ý¼ºÇϱâ
10.6.3 ¶ó¿ìÅÍ ¿¬°áÇϱâ
10.6.4 ¼ºñ½º »ý¼ºÇϱâ
10.6.5 ¼µå ÆÄƼ ¶óÀ̺귯¸® »ç¿ëÇϱâ
10.6.6 Å×½ºÆ® ½ºÆå ¼öÁ¤Çϱâ
10.6.7 ºôµå, ¹èÆ÷Çϱâ
10.7 Á¤¸®
appendix A ECMAScript 6
A.1 ¿¹Á¦ ÄÚµå ½ÇÇàÇϱâ
A.2 ÅÛÇø´ ¸®ÅÍ·²
A.3 ¿É¼Ç ÀÎÀÚ¿Í ÀÎÀÚ ±âº»°ª
A.4 º¯¼ö ½ºÄÚÇÁ
A.5 È»ìÇ¥ ÇÔ¼ö Ç¥Çö½Ä°ú this
A.6 forEach( ), for-in, for-of
A.7 Ŭ·¡½º¿Í »ó¼Ó
A.8 ÇÁ·Î¹Ì½º·Î ºñµ¿±â ÀÛ¾÷ ó¸®Çϱâ
A.9 ¸ðµâ
appendix B TypeScript
B.1 Angular ¾ÖÇø®ÄÉÀ̼ÇÀº ¿Ö TypeScript·Î ÀÛ¼ºÇÒ±î?
B.2 Æ®·£½ºÆÄÀÏ·¯ÀÇ ¿ªÇÒ
B.3 TypeScript ½ÃÀÛÇϱâ
B.3.1 TypeScript ¼³Ä¡ÇÏ°í ½ÇÇàÇϱâ
B.4 JavaScriptÀÇ »óÀ§ ÁýÇÕ
B.5 ŸÀÔ ÁöÁ¤
B.5.1 ÇÔ¼ö
B.5.2 ÀÎÀÚ ±âº»°ª
B.5.3 ¿É¼Ç ÀÎÀÚ
B.5.4 È»ìÇ¥ ÇÔ¼ö Ç¥Çö½Ä
B.6 Ŭ·¡½º
B.6.1 Á¢±Ù Á¦ÇÑÀÚ
B.6.2 ¸Þ¼Òµå
B.6.3 »ó¼Ó
B.7 Á¦³×¸¯(Generics)
B.8 ÀÎÅÍÆäÀ̽º(Interfaces)
B.8.1 Ä¿½ºÅÒ Å¸ÀÔÀ¸·Î »ç¿ëÇϱâ
B.8.2 Ãß»ó Ŭ·¡½º·Î »ç¿ëÇϱâ
B.8.3 ½ÇÇàÇÒ ¼ö ÀÖ´Â ÀÎÅÍÆäÀ̽º
B.9 Ŭ·¡½º ¸ÞŸµ¥ÀÌÅÍ Ãß°¡Çϱâ, ¾î³ëÅ×À̼Ç
B.10 ŸÀÔ Á¤ÀÇ ÆÄÀÏ
B.11 TypeScript & Angular °³¹ß ´Ü°è ÈȾ±â
ÀúÀÚ¼Ò°³
»ý³â¿ùÀÏ | - |
---|
¾ßÄÚÇÁ ÆäÀÎ(Yakov Fain)
Farata Systems¿Í SuranceBayÀÇ °øµ¿Ã¢¸³ÀÚ. Àú¼·Î´Â ¡´Java Programming: 24-Hour Trainer¡µ, ¡´Angular Development with TypeScript¡µ, ¡´Java Programming for Kids¡µµîÀÌ ÀÖÀ¸¸ç À¥°ú ÀÚ¹Ù¿Í °ü·ÃµÈ ±â¼úµéÀ» ÁÖÁ¦·Î ´Ù¾çÇÑ ¼ö¾÷°ú ¿öÅ©¼¥À» ÁøÇàÇß´Ù.
ÀúÀÚÀÇ ´Ù¸¥Ã¥
Àüüº¸±â±âÃʺÎÅÍ ºí·ÏüÀÎ ½Ç½À±îÁö ´Ü¼û¿¡ ¹è¿ì´Â...
»ý³â¿ùÀÏ | - |
---|
¾ÈÅæ ¸ðÀ̼¼¿¹ÇÁ(Anton Moiseev)
SuranceBayÀÇ ¼ö¼® ¼ÒÇÁÆ®¿þ¾î °³¹ßÀÚ·Î ÀÚ¹Ù¿Í ´å³ÝÀ» È°¿ëÇÑ ¿£ÅÍÇÁ¶óÀÌÁî ¾ÖÇø®ÄÉÀ̼ÇÀ» Á¦ÀÛÇÏ°í ÀÖ´Ù. ¾Þ±Ö·¯JS¿Í ¾Þ±Ö·¯ ÇÁ·¹ÀÓ¿öÅ© È°¿ëÀ» µ½´Â °ÀǸ¦ ÁøÇàÁßÀ̸ç À¥ ±â¼ú¿¡ °üÇÑ Áö½ÄÀ» ¹ÙÅÁÀ¸·Î ÇÁ·ÐÆ®¿£µå¿Í ¹é¿£µå°¡ ÀÚ¿¬½º·´°Ô ¾î¿ì·¯Áöµµ·Ï ¸¸µå´Â ¸ð¹ü »ç·ÊµéÀ» °ü½É»ç·Î »ï°í ÀÖ´Ù.
ÀúÀÚÀÇ ´Ù¸¥Ã¥
Àüüº¸±â±âÃʺÎÅÍ ºí·ÏüÀÎ ½Ç½À±îÁö ´Ü¼û¿¡ ¹è¿ì´Â...
»ý³â¿ùÀÏ | - |
---|
ÇØ´çÀÛ°¡¿¡ ´ëÇÑ ¼Ò°³°¡ ¾ø½À´Ï´Ù.
»ý³â¿ùÀÏ | - |
---|
ÇØ´çÀÛ°¡¿¡ ´ëÇÑ ¼Ò°³°¡ ¾ø½À´Ï´Ù.
»ý³â¿ùÀÏ | - |
---|
ÇØ´çÀÛ°¡¿¡ ´ëÇÑ ¼Ò°³°¡ ¾ø½À´Ï´Ù.
»ý³â¿ùÀÏ | - |
---|
ÇØ´çÀÛ°¡¿¡ ´ëÇÑ ¼Ò°³°¡ ¾ø½À´Ï´Ù.
ÁÖ°£·©Å·
´õº¸±â»óÇ°Á¤º¸Á¦°ø°í½Ã
À̺¥Æ® ±âȹÀü
Àü°øµµ¼/´ëÇб³Àç ºÐ¾ß¿¡¼ ¸¹Àº ȸ¿øÀÌ ±¸¸ÅÇÑ Ã¥
ÆǸÅÀÚÁ¤º¸
»óÈ£ |
(ÁÖ)±³º¸¹®°í |
---|---|
´ëÇ¥ÀÚ¸í |
¾Èº´Çö |
»ç¾÷ÀÚµî·Ï¹øÈ£ |
102-81-11670 |
¿¬¶ôó |
1544-1900 |
ÀüÀÚ¿ìÆíÁÖ¼Ò |
callcenter@kyobobook.co.kr |
Åë½ÅÆǸž÷½Å°í¹øÈ£ |
01-0653 |
¿µ¾÷¼ÒÀçÁö |
¼¿ïƯº°½Ã Á¾·Î±¸ Á¾·Î 1(Á¾·Î1°¡,±³º¸ºôµù) |
±³È¯/ȯºÒ
¹ÝÇ°/±³È¯ ¹æ¹ý |
¡®¸¶ÀÌÆäÀÌÁö > Ãë¼Ò/¹ÝÇ°/±³È¯/ȯºÒ¡¯ ¿¡¼ ½Åû ¶Ç´Â 1:1 ¹®ÀÇ °Ô½ÃÆÇ ¹× °í°´¼¾ÅÍ(1577-2555)¿¡¼ ½Åû °¡´É |
---|---|
¹ÝÇ°/±³È¯°¡´É ±â°£ |
º¯½É ¹ÝÇ°ÀÇ °æ¿ì Ãâ°í¿Ï·á ÈÄ 6ÀÏ(¿µ¾÷ÀÏ ±âÁØ) À̳»±îÁö¸¸ °¡´É |
¹ÝÇ°/±³È¯ ºñ¿ë |
º¯½É ȤÀº ±¸¸ÅÂø¿À·Î ÀÎÇÑ ¹ÝÇ°/±³È¯Àº ¹Ý¼Û·á °í°´ ºÎ´ã |
¹ÝÇ°/±³È¯ ºÒ°¡ »çÀ¯ |
·¼ÒºñÀÚÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óÇ° µîÀÌ ¼Õ½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì ·¼ÒºñÀÚÀÇ »ç¿ë, Æ÷Àå °³ºÀ¿¡ ÀÇÇØ »óÇ° µîÀÇ °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì ·º¹Á¦°¡ °¡´ÉÇÑ »óÇ° µîÀÇ Æ÷ÀåÀ» ÈѼÕÇÑ °æ¿ì ·½Ã°£ÀÇ °æ°ú¿¡ ÀÇÇØ ÀçÆǸŰ¡ °ï¶õÇÑ Á¤µµ·Î °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì ·ÀüÀÚ»ó°Å·¡ µî¿¡¼ÀÇ ¼ÒºñÀÚº¸È£¿¡ °üÇÑ ¹ý·üÀÌ Á¤ÇÏ´Â ¼ÒºñÀÚ Ã»¾àöȸ Á¦ÇÑ ³»¿ë¿¡ ÇØ´çµÇ´Â °æ¿ì |
»óÇ° Ç°Àý |
°ø±Þ»ç(ÃâÆÇ»ç) Àç°í »çÁ¤¿¡ ÀÇÇØ Ç°Àý/Áö¿¬µÉ ¼ö ÀÖÀ½ |
¼ÒºñÀÚ ÇÇÇغ¸»ó |
·»óÇ°ÀÇ ºÒ·®¿¡ ÀÇÇÑ ±³È¯, A/S, ȯºÒ, Ç°Áúº¸Áõ ¹× ÇÇÇغ¸»ó µî¿¡ °üÇÑ »çÇ×Àº¼ÒºñÀÚºÐÀïÇØ°á ±âÁØ (°øÁ¤°Å·¡À§¿øȸ °í½Ã)¿¡ ÁØÇÏ¿© ó¸®µÊ ·´ë±Ý ȯºÒ ¹× ȯºÒÁö¿¬¿¡ µû¸¥ ¹è»ó±Ý Áö±Þ Á¶°Ç, ÀýÂ÷ µîÀº ÀüÀÚ»ó°Å·¡ µî¿¡¼ÀǼҺñÀÚ º¸È£¿¡ °üÇÑ ¹ý·ü¿¡ µû¶ó ó¸®ÇÔ |
(ÁÖ)ÀÎÅÍÆÄÅ©Ä¿¸Ó½º´Â ȸ¿ø´ÔµéÀÇ ¾ÈÀü°Å·¡¸¦ À§ÇØ ±¸¸Å±Ý¾×, °áÁ¦¼ö´Ü¿¡ »ó°ü¾øÀÌ (ÁÖ)ÀÎÅÍÆÄÅ©Ä¿¸Ó½º¸¦ ÅëÇÑ ¸ðµç °Å·¡¿¡ ´ëÇÏ¿©
(ÁÖ)KGÀ̴Ͻýº°¡ Á¦°øÇÏ´Â ±¸¸Å¾ÈÀü¼ºñ½º¸¦ Àû¿ëÇÏ°í ÀÖ½À´Ï´Ù.
¹è¼Û¾È³»
±³º¸¹®°í »óÇ°Àº Åùè·Î ¹è¼ÛµÇ¸ç, Ãâ°í¿Ï·á 1~2Àϳ» »óÇ°À» ¹Þ¾Æ º¸½Ç ¼ö ÀÖ½À´Ï´Ù.
Ãâ°í°¡´É ½Ã°£ÀÌ ¼·Î ´Ù¸¥ »óÇ°À» ÇÔ²² ÁÖ¹®ÇÒ °æ¿ì Ãâ°í°¡´É ½Ã°£ÀÌ °¡Àå ±ä »óÇ°À» ±âÁØÀ¸·Î ¹è¼ÛµË´Ï´Ù.
±ººÎ´ë, ±³µµ¼Ò µî ƯÁ¤±â°üÀº ¿ìü±¹ Åù踸 ¹è¼Û°¡´ÉÇÕ´Ï´Ù.
¹è¼Ûºñ´Â ¾÷ü ¹è¼Ûºñ Á¤Ã¥¿¡ µû¸¨´Ï´Ù.