|
|
|
React 16 Tooling : ÀûÀçÀû¼ÒÀÇ µµ±¸ È°¿ëÀ» ÅëÇÑ °³¹ß ÀÛ¾÷ È¿À²È
|
|
|
¾Æ´ã º¸µÎÄ¡, À̽ÂÁØ
¤Ó
¿¡ÀÌÄÜÃâÆÇ
¤Ó
React 16 Tooling
|
|
|
|
- Á¦ÈÞ¸ô ÁÖ¹® ½Ã °í°´º¸»ó, ÀϺΠÀ̺¥Æ® Âü¿© ¹× ÁõÁ¤Ç° ÁõÁ¤, ÇÏ·ç/´çÀÏ ¹è¼Û¿¡¼ Á¦¿ÜµÇ¹Ç·Î Âü°í ¹Ù¶ø´Ï´Ù.
-
-
-
React´Â ÆäÀ̽ººÏ°ú ÀνºÅ¸±×·¥ÀÇ UI¸¦ À§ÇØ ¸¸µé¾îÁø ÀÚ¹Ù½ºÅ©¸³Æ® ¶óÀ̺귯¸®ÀÌÁö¸¸ ÀÌÁ¦´Â À¥ °³¹ß¿¡ °®Ãç¾ß ÇÒ ±â¼ú·Î È®´ëµÇ°í ÀÖ´Ù. ƯÈ÷, ÀúÀÛ±Ç ¹®Á¦¸¦ ÇØ°áÇÑ ¹öÀü 16ºÎÅÍ´Â React 16À̶ó´Â »õ Á¦Ç°¸íÀ¸·Î ´õ¿í »ç¿ëÀÚÃþÀ» ³ÐÇô°¥ °ÍÀÌ´Ù. ÀÌ Ã¥Àº ¸ðµç React °³¹ßÀÚ°¡ ¾Ë¾Æ¾ß ÇÒ °¡Àå Áß¿äÇÑ µµ±¸, À¯Æ¿¸®Æ¼, ¶óÀ̺귯¸®¸¦ ÀÚ¼¼ÇÏ°Ô ´Ù·é´Ù. ¸ðµç ±â¼úÀº µµ±¸ È°¿ë¿¡ µû¶ó ºûÀÌ ³ª¹Ç·Î ÀÌ Ã¥À» ÅëÇØ ÀÚ½ÅÀÇ ±â¼ú¿¡ ÈûÀ» ´õÇÒ ¼ö ÀÖ´Ù.
-
-
¡Ú ÀÌ Ã¥¿¡¼ ´Ù·ç´Â ³»¿ë ¡Ú
¡á create-react-appÀ» »ç¿ëÇÑ React ¾ÖÇø®ÄÉÀÌ¼Ç ºÎÆ®½ºÆ®·¦
¡á StorybookÀ» »ç¿ëÇØ React ÄÄÆ÷³ÍÆ® °³¹ßÀ» °Ý¸®Çϱâ
¡á Jest¸¦ »ç¿ëÇØ React ÄÄÆ÷³ÍÆ®¿¡ ´ëÇÑ È¿°úÀûÀÎ ´ÜÀ§ Å×½ºÆ®¸¦ ÀÛ¼ºÇϱâ
¡á ESLint¸¦ »ç¿ëÇØ ÄÄÆ÷³ÍÆ® Äڵ尡 Ç¥ÁØ¿¡ ¸Â´ÂÁö È®ÀÎÇϱâ
¡á ºê¶ó¿ìÀú È®Àå ÇÁ·Î±×·¥ ¹× ³»ÀåµÈ ÄÄÆ÷³ÍÆ® ÀåÄ¡¸¦ »ç¿ëÇÑ React ¾ÖÇø®ÄÉÀÌ¼Ç µð¹ö±ë
¡á Flow ŸÀÔÀ¸·Î React ÄÄÆ÷³ÍÆ®ÀÇ Å¸ÀÔ ¾ÈÀü¼º È°¼ºÈ
¡á ±Ô¸ð°¡ Å« ¾ÖÇø®ÄÉÀÌ¼Ç ½ºÅÃÀÇ ÀϺκÐÀ¸·Î¼ React ¾ÖÇø®ÄÉÀ̼ÇÀ» Docker ÄÁÅ×À̳ʿ¡ ¹èÆ÷Çϱâ
¡Ú ÀÌ Ã¥ÀÇ ´ë»ó µ¶ÀÚ ¡Ú
ÀÚ½ÅÀÇ ¾÷¹«¸¦ Çâ»ó½Ãų ´õ ³ªÀº µµ±¸¿Í ±â¼úÀ» Ç×»ó ¿°µÎ¿¡ µÎ°í ÀÖ´Â React °³¹ßÀÚ¸¦ ´ë»óÀ¸·Î Çϴ åÀÌ´Ù. ÀÌ Ã¥À» Àд µ¥ React¸¦ ´Ù·é °æÇèÀÌ ¾ø¾îµµ µÇÁö¸¸, ReactÀÇ ±âº» »çÇ×µéÀ» ¹Ì¸® ¾Ë°í ÀÖÀ¸¸é Å« µµ¿òÀÌ µÉ °ÍÀÌ´Ù.
¡Ú ÀÌ Ã¥ÀÇ ±¸¼º ¡Ú
1Àå, ¡®¸ÂÃãÇü React °³¹ß »ýÅÂ°è ¸¸µé±â¡¯¿¡¼´Â React ÇÁ·ÎÁ§Æ®¿¡¼ µµ±¸ Á¦ÀÛÀ» À§ÇÑ µ¿±â ºÎ¿©¸¦ ¼Ò°³ÇÑ´Ù.
2Àå, ¡®Create React AppÀ¸·Î React ¾ÖÇø®ÄÉÀ̼ÇÀ» È¿À²ÀûÀ¸·Î ºÎÆ®½ºÆ®·¦Çϱ⡯¿¡¼´Â create-react-appÀ» ½ÇÇàÇغ»´Ù.
3Àå, ¡®°³¹ß ¸ðµå ¹× ÇÖ ¸®·Îµù ¸¶½ºÅÍÇϱ⡯¿¡¼´Â °³¹ß ¼¹ö ¹× ÇÖ ¸ðµâ ¸®·ÎµùÀ» »ç¿ëÇØ React ¾ÖÇø®ÄÉÀ̼ÇÀ» °³¹ßÇÏ´Â ¹æ¹ýÀ» ¼³¸íÇÑ´Ù.
4Àå, ¡®Å×½ºÆ® ÁöÇâÀÇ React °³¹ß ÃÖÀûÈ¡¯¿¡¼´Â Jest ´ÜÀ§ Å×½ºÆ®¸¦ ÇÁ·ÎÁ§Æ®¿¡ ÅëÇÕÇÏ´Â ¹æ¹ýÀ» ¼³¸íÇÑ´Ù.
5Àå, ¡®Å¸ÀÔ ¾ÈÀüÇÑ React ÄÄÆ÷³ÍÆ®·Î °³¹ß °£¼ÒÈ¿Í ¸®ÆÑÅ丵Çϱ⡯¿¡¼´Â Flow¸¦ »ç¿ëÇØ React ÄÄÆ÷³ÍÆ®ÀÇ Å¸ÀÔ ¾ÈÀü¼º(type-safety)À» ¼Ò°³ÇÑ´Ù.
6Àå, ¡®À¯Áö º¸¼ö¼ºÀ» Çâ»ó½ÃÅ°±â À§ÇÑ ÄÚµå Ç°Áú °È¡¯¿¡¼´Â ESLint¿Í Prettier(ÄÚµå Ç°Áú Çâ»óÀ» À§ÇÑ µµ±¸)¸¦ ´Ù·é´Ù.
7Àå, ¡®StorybookÀ» »ç¿ëÇØ ÄÄÆ÷³ÍÆ® °Ý¸®Çϱ⡯¿¡¼´Â StorybookÀ» »ç¿ëÇØ ¾ÖÇø®ÄÉÀ̼ǿ¡¼ ÄÄÆ÷³ÍÆ® °³¹ßÀ» ºÐ¸®ÇØ¾ß ÇÑ´Ù´Â °ÍÀ» º¸¿©ÁØ´Ù.
8Àå, ¡®ºê¶ó¿ìÀú¿¡¼ÀÇ ÄÄÆ÷³ÍÆ® µð¹ö±ë¡¯¿¡¼´Â React ÄÄÆ÷³ÍÆ® µð¹ö±ëÀ» Áö¿øÇÏ´Â React Development Tools ºê¶ó¿ìÀú Ç÷¯±×Àο¡ °üÇØ ÀÚ¼¼È÷ ¼³¸íÇÑ´Ù.
9Àå, ¡®Redux·Î ¾ÖÇø®ÄÉÀÌ¼Ç »óÅ Á¶À²Çϱ⡯¿¡¼´Â Redux DevTools ºê¶ó¿ìÀú Ç÷¯±×ÀÎÀ» µµÀÔÇØ ¾ÖÇø®ÄÉÀÌ¼Ç »óŸ¦ ¸íÈ®ÇÏ°Ô ¾Ë¾Æº»´Ù.
10Àå, ¡®Gatsby·Î Á¤Àû React »çÀÌÆ® ±¸Ãà ¹× Àü°³Çϱ⡯¿¡¼´Â Gatsby¿Í React ÄÄÆ÷³ÍÆ®¸¦ »ç¿ëÇØ Á¤Àû À¥»çÀÌÆ®¸¦ ¸¸µå´Â ¹æ¹ýÀ» ¼³¸íÇÑ´Ù.
11Àå, ¡®Docker ÄÁÅ×À̳ʷΠReact ¾ÖÇø®ÄÉÀÌ¼Ç ºôµå ¹× ¹èÆ÷Çϱ⡯¿¡¼´Â Ãâ½Ã ÁغñµÈ React ¾ÖÇø®ÄÉÀ̼ÇÀ» ÄÁÅ×À̳ʿ¡ ¹èÄ¡ÇÏ´Â ¹æ¹ýÀ» ¼³¸íÇÑ´Ù.
-
-
1Àå ¸ÂÃãÇü React °³¹ß »ýÅÂ°è ¸¸µé±â
__React¿¡ Æ÷ÇԵǴ °Í
____·»´õ Æ®¸®¸¦ ºñ±³ÇÏ´Â ÄÄÆ÷³ÍÆ®
____DOM ·»´õ Ÿ±ê
__µµ±¸ È°¿ë ¼Ò°³?
____React ¿ÜºÎÀÇ º¸Á¶ ÀÛ¾÷
____°Ç¼³ ÇöÀå°úÀÇ À¯»çÁ¡
__ÀÌ Ã¥¿¡¼ ´Ù·ç´Â React µµ±¸
____JSX´Â ÀÚ¹Ù½ºÅ©¸³Æ®·Î ÄÄÆÄÀÏµÅ¾ß ÇÑ´Ù
____ÃֽŠÀÚ¹Ù½ºÅ©¸³Æ® ¾ð¾î ±â´ÉÀº Æ®·£½ºÆÄÀÏµÅ¾ß ÇÑ´Ù
____¾ÖÇø®ÄÉÀÌ¼Ç °³¹ßÀ» °¡´ÉÇÏ°Ô ÇÏ´Â ÇÖ ¸ðµâ ·Îµù
____´ÜÀ§ Å×½ºÆ® ÀÚµ¿ ½ÇÇà
____ŸÀÔ ¾ÈÀü¼º¿¡ °üÇÑ °í·Á
____ÄÚµå Ç°ÁúÀ» À§ÇÑ ¼Ò½º ÄÚµå ºÐ¼®
____ÄÄÆ÷³ÍÆ® °³¹ß ȯ°æ °Ý¸®
____ºê¶ó¿ìÀú ±â¹ÝÀÇ µð¹ö±ë ȯ°æ Á¦°ø
____React ¾ÖÇø®ÄÉÀÌ¼Ç ¹èÆ÷
__¿Ã¹Ù¸¥ µµ±¸ ¼±ÅÃ
____Çʼö µµ±¸
____¿É¼Ç µµ±¸
__¿ä¾à
2Àå Create React AppÀ¸·Î React ¾ÖÇø®ÄÉÀ̼ÇÀ» È¿À²ÀûÀ¸·Î ºÎÆ®½ºÆ®·¦Çϱâ
__Create React App ¼³Ä¡
____ù ¹ø° ¾Û Á¦ÀÛ
______ÇÁ·ÎÁ§Æ® À̸§ ÁöÁ¤
______ÀÚµ¿ Á¾¼Ó¼º ó¸®
______µð·ºÅ͸® ±¸Á¶
__¿ä¾à
3Àå °³¹ß ¸ðµå¿Í ÇÖ ¸®·Îµù ¸¶½ºÅÍÇϱâ
__°³¹ß ¼¹ö ½ÃÀÛ
____À¥ÆÑ ±¸¼º
______ÁøÀÔÁ¡
______ºôµå Ãâ·Â
______ÀÔ·Â ÆÄÀÏ ÇØ°á
______ÆÄÀÏ ·Îµå¿Í ÄÄÆÄÀÏ
______Ç÷¯±×ÀÎ ¼³Á¤
______ÇÖ ¸®·Î...µù
____ÇÖ ÄÄÆ÷³ÍÆ® ¸®·Îµù °¡µ¿
____Create React App¿¡¼ ¹þ¾î³ª±â
__¿ä¾à
4Àå Å×½ºÆ® ÁöÇâ React °³¹ß ÃÖÀûÈ
__JestÀÇ ÁöÇâ öÇÐ
____¾ÖÇø®ÄÉÀÌ¼Ç Äڵ带 Á¦¿ÜÇÑ ¸ðµç °Í Èä³»³»±â
____Å×½ºÆ®¸¦ °Ý¸®Çؼ º´·Ä·Î ½ÇÇà
______Å×½ºÆ®´Â ÀÚ¿¬½º·´°Ô ´À²¸Á®¾ß ÇÑ´Ù
__Å×½ºÆ® ½ÇÇà
____react-scripts¸¦ »ç¿ëÇØ Å×½ºÆ® ½ÇÇàÇϱâ
____´Üµ¶Çü Jest¸¦ »ç¿ëÇØ Å×½ºÆ® ½ÇÇàÇϱâ
__Jest Å×½ºÆ® ÀÛ¼º
____½ºÀ§Æ®¸¦ »ç¿ëÇØ Å×½ºÆ® Á¶Á÷Çϱâ
____±âº» ¾î¼¼Ç
______±âº» ÀÏÄ¡
______±Ù»ç ÀÏÄ¡
______°ª ÀÏÄ¡
______Ä÷º¼ÇÀÇ °ª
______¸ðÅ·À¸·Î ÀÛ¾÷Çϱâ
______ºñµ¿±â ¾î¼¼Ç
______React ÄÄÆ÷³ÍÆ® ½º³À¼¦
____´ÜÀ§ Å×½ºÆ® Ä¿¹ö¸®Áö
__¿ä¾à
5Àå ŸÀÔ ¾ÈÀüÇÑ React ÄÄÆ÷³ÍÆ®·Î °³¹ß °£¼ÒÈ¿Í ¸®ÆÑÅ丵Çϱâ
__ŸÀÔ ¾ÈÀü¼ºÀ¸·Î ¹«¾ùÀ» ÇØ°áÇÒ ¼ö Àִ°¡?
____¾î¸²ÁüÀÛÀ» ºÐ¸íÇÏ°Ô Çϱâ
____·±Å¸ÀÓ Á¡°Ë Á¦°Å
____¸í¹éÈ÷ ½É°¢¼ºÀÌ ³·Àº ¹ö±×
__Flow ¼³Ä¡ ¹× ÃʱâÈ
__ÄÄÆ÷³ÍÆ® ÇÁ·ÎÆÛƼ ¹× »óÅ °ËÁõ
____ÇÁ¸®¹ÌƼºê ÇÁ·ÎÆÛƼ °ª
____°´Ã¼ ÇÁ·ÎÆÛƼ °ª
____ÄÄÆ÷³ÍÆ® »óÅÂÀÇ À¯È¿È
____ÇÔ¼ö ÇÁ·ÎÆÛƼ °ª
____ÀÚ½Ä ÄÄÆ÷ÅÏÆ® ŸÀÔÀÇ Àû¿ë
______ƯÁ¤ ÀÚ½Ä Å¸ÀÔÀ» °¡Áø ºÎ¸ð
______ÇϳªÀÇ ÀÚ½ÄÀ» °¡Áø ºÎ¸ð
______ÀÚ½ÄÀÌ ¿É¼ÇÀÎ ºÎ¸ð
______ÇÁ¸®¹ÌƼºê ÀÚ½Ä °ªÀ» °¡Áø ºÎ¸ð
__À̺¥Æ® 󸮱â ÇÔ¼ö¿¡ °üÇÑ À¯È¿¼º °Ë»ç
__°³¹ß ¼¹ö¿¡¼ Flow °¡´ÉÇÏ°Ô Çϱâ
__ÆíÁý±â¿¡¼ Flow °¡´ÉÇÏ°Ô Çϱâ
__¿ä¾à
6Àå À¯Áö º¸¼ö¼ºÀ» Çâ»ó½ÃÅ°±â À§ÇÑ ÄÚµå Ç°Áú °È
__ESLint ¼³Ä¡ ¹× ¼³Á¤
__¿¡¾îºñ¾Øºñ Ç¥ÁØÀ¸·Î ºôµåÇϱâ
__ESLint¿¡ React Ç÷¯±×ÀÎ Ãß°¡Çϱâ
__create-react-app°ú ÇÔ²² ESLint »ç¿ëÇϱâ
__ÄÚµå ÆíÁý±â¿¡¼ ESLint »ç¿ëÇϱâ
__Prettier·Î ÄÚµå Æ÷¸Ë ÀÚµ¿ÈÇϱâ
__¿ä¾à
7Àå StorybookÀ» »ç¿ëÇØ ÄÄÆ÷³ÍÆ® °Ý¸®Çϱâ
__°Ý¸®µÈ ÄÄÆ÷³ÍÆ® °³¹ß¿¡ °üÇÑ ÇÊ¿ä
__Storybook¼³Ä¡ ¹× ±¸¼º
__½ºÅ丮¸¦ »ç¿ëÇØ ÄÄÆ÷³ÍÆ® °³¹ßÇϱâ
____props·Î ½ÇÇèÇϱâ
____¾×¼ÇÀ¸·Î ½ÇÇèÇϱâ
____½ºÅ丮¿¡ ¸µÅ© °É±â
____¹®¼È µµ±¸·Î¼ÀÇ ½ºÅ丮
__Á¤Àû Storybook ¾Û Á¦ÀÛ
__¿ä¾à
8Àå ºê¶ó¿ìÀú¿¡¼ÀÇ ÄÄÆ÷³ÍÆ® µð¹ö±ë
__React Developer Tools ¾Öµå¿Â ¼³Ä¡Çϱâ
__React Developer Tools¿¡¼ React ¿ä¼Ò·Î ÀÛ¾÷Çϱâ
____React ¿ä¼Ò ¼±ÅÃ
____React ¿ä¼Ò °Ë»ö
__ÄÄÆ÷³ÍÆ® ÇÁ·ÎÆÛƼ ¹× »óÅ °Ë»ç
__¿ä¼Ò »óÅ °ª Á¶ÀÛ
__ÄÄÆ÷³ÍÆ® ¼º´É ÇÁ·ÎÆÄÀϸµ
____Á¶Á¤ ÀÛ¾÷ »èÁ¦Çϱâ
____CPU¿¡ ºÎÇϸ¦ ÁÖ´Â ÄÄÆ÷³ÍÆ® ã±â
__¿ä¾à
9Àå Redux·Î ¾ÖÇø®ÄÉÀÌ¼Ç »óÅ Á¶À²Çϱâ
__Redux ¾Û ºôµåÇϱâ
____App ÄÄÆ÷³ÍÆ® ¹× »óÅÂ
____Home ÄÄÆ÷³ÍÆ® ¹× »óÅÂ
____NewBook ÄÄÆ÷³ÍÆ® ¹× »óÅÂ
____API Ãß»óÈ
____¸ðµÎ Á¶¸³Çϱâ
__Redux DevTools ¼³Ä¡Çϱâ
__¾×¼Ç ¼±Åà ¹× °Ë»ç
____¾×¼Ç µ¥ÀÌÅÍ
____¾×¼Ç »óÅ Ʈ¸® ¹× Â÷Æ®
____¾×¼Ç »óÅ Â÷ÀÌ
__½Ã°£ À̵¿ µð¹ö±ë
__¼öµ¿À¸·Î ¾×¼Ç ¹ß»ý½ÃÅ°±â
__»óÅ ³»º¸³»±â¿Í °¡Á®¿À±â
__¿ä¾à
10Àå Gatsby·Î Á¤Àû React »çÀÌÆ® ±¸Ãà ¹× Àü°³Çϱâ
__¿Ö Á¤Àû React »çÀÌÆ®Àΰ¡?
____React ¾ÛÀÇ Å¸ÀÔ
____»ç¿ëÀÚ °æÇè °³¼±
____È¿À²ÀûÀÎ ÀÚ¿ø »ç¿ë
__óÀ½À¸·Î Gatsby »çÀÌÆ® ¸¸µé±â
__·ÎÄà ÆÄÀϽýºÅÛ µ¥ÀÌÅÍ Ãß°¡Çϱâ
__¿ø°Ý µ¥ÀÌÅÍ °¡Á®¿À±â
__¿ä¾à
11Àå Docker ÄÁÅ×À̳ʷΠReact ¾ÖÇø®ÄÉÀÌ¼Ç ºôµå ¹× ¹èÆ÷Çϱâ
__¸Þ½Ã¡ ¾Û Á¦ÀÛ
____Barely SMS ½ÃÀÛÇϱâ
____·Î±×ÀÎ
____ȨÆäÀÌÁö
____¿¬¶ôó ÆäÀÌÁö
____¸Þ½ÃÁö ÆäÀÌÁö
____¸Þ½ÃÁö º¸³»±â
____API
__Node ÄÁÅ×À̳ʷΠ½ÃÀÛÇϱâ
__React ¾ÛÀ» ¼ºñ½º·Î ±¸¼ºÇϱâ
__»ý»êÀ» À§ÇÑ Á¤Àû React ºôµå
__¿ä¾à
-
-
|
¾Æ´ã º¸µÎÄ¡ [Àú]
|
|
-
10¿© ³â°£ ´ë±Ô¸ð ÀÚ¹Ù½ºÅ©¸³Æ® °³¹ß¿¡ Âü¿©ÇØ¿Ô´Ù. ÇÁ·ÐÆ® ¿£µå °³¹ß·Î À̵¿Çϱâ Àü¿¡´Â ÆÄÀ̽ã°ú ¸®´ª½º¸¦ »ç¿ëÇØ ¸î °¡Áö ´ë±Ô¸ð Ŭ¶ó¿ìµå ÄÄÇ»Æà Á¦Ç°À» °³¹ßÇß´Ù. º¹À⼺ÀÇ ¹®Á¦¿¡ Àͼ÷ÇÏ¸ç ¼ÒÇÁÆ®¿þ¾î ½Ã½ºÅÛ°ú ±×°ÍÀÌ °®°í ÀÖ´Â È®À强ÀÇ ¹®Á¦¿¡ ´ëÇÑ ½ÇÁúÀûÀÎ °æÇèÀÚ´Ù. ¡ºFlux Architecture¡»(Packt, 2016)¸¦ ºñ·ÔÇÑ ¿©·¯ ÀÚ¹Ù½ºÅ©¸³Æ® Ã¥ÀÇ ÀúÀÚÀ̸ç ÇöÀç Çõ½ÅÀûÀÎ »ç¿ëÀÚ °æÇè°ú °í¼º´É¿¡ ºüÁ® ÀÖ´Ù.
-
|
À̽ÂÁØ [Àú]
|
|
-
¿¬¼¼´ëÇб³¿¡¼ õ¹®ÇÐÀ» Àü°øÇß°í ÇѾƽýºÅÛ¿¡¼ ¼ÒÇÁÆ®¿þ¾î ¿£Áö´Ï¾î·Î ±Ù¹«ÇßÀ¸¸ç, ÇöÀç ÇÁ¸®·£¼·Î ÀÏÇÏ°í ÀÖ´Ù. ¿¡ÀÌÄÜÃâÆǻ翡¼ Ãâ°£ÇÑ ¡º(°³Á¤ÆÇ) C & C++ ½ÃÅ¥¾î ÄÚµù¡»(2015), ¡º´å³Ý °³¹ßÀÚ¸¦ À§ÇÑ AngularJS¡»(2016), ¡ºÆÄÀ̽㠺лê ÄÄÇ»Æá»(2016), ¡ºAngular 2 ÄÄÆ÷³ÍÆ® ¸¶½ºÅÍ¡»(2016), ¡ºÀ¯´ÏƼ °ÔÀÓ °³¹ßÀ» À§ÇÑ ÀýÂ÷Àû ÄÜÅÙÆ® »ý¼º¡»(2017), ¡ºReact 16 ÇÙ½É Á¤¸® 2/e¡»(2018), ¡ºÀÚ¿¬¾î ó¸®ÀÇ À̷аú ½ÇÁ¦¡»(2018), ¡ºReact 16 Tooling¡»(2018)À» ¹ø¿ªÇß´Ù.
-
-
Àüü 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ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù. |
|
|
|
|