|
|
|
¸®¾×Æ® Á¤º¹Çϱâ : ÄÄÆ÷³ÍÆ®¿Í ¶óÀÌÇÁ»çÀÌŬ ±â¹Ý
|
|
|
acorn PACKT1
¤Ó ¾Æ´ã Ȧư(Adam Horton), Á¶È¿¼º
¤Ó
¿¡ÀÌÄÜÃâÆÇ
¤Ó
Mastering React: Master the art of building modern web applications using React
|
|
|
|
- Á¦ÈÞ¸ô ÁÖ¹® ½Ã °í°´º¸»ó, ÀϺΠÀ̺¥Æ® Âü¿© ¹× ÁõÁ¤Ç° ÁõÁ¤, ÇÏ·ç/´çÀÏ ¹è¼Û¿¡¼ Á¦¿ÜµÇ¹Ç·Î Âü°í ¹Ù¶ø´Ï´Ù.
-
-
-
¡º¸®¾×Æ® Á¤º¹Çϱ⡻´Â ¸®¾×Æ® Ãʺ¸ °³¹ßÀÚ°¡ ¸®¾×Æ® ÄÄÆ÷³ÍÆ®, ¸®¾×Æ® À¥ ¾ÖÇø®ÄÉÀÌ¼Ç ¼³°è ¹æ¹ý, ¸®¾×Æ® ¾Ö´Ï¸ÞÀÌ¼Ç ±â¼úÀ» ÀÌ¿ëÇؼ Áß±Þ ±â¼úÀ» ½ÀµæÇÒ ¼ö ÀÖµµ·Ï °³º° ±â¼ú°ú ½ÇÁúÀûÀÎ ¿¹Á¦ ÇÁ·ÎÁ§Æ®¸¦ ÀÚ¼¼È÷ ¼³¸íÇÑ´Ù. ƯÈ÷ ¸®¾×Æ®¿Í °ü·Ã °³¹ß ±â¼úÀ» ÀÌ¿ëÇؼ Á÷Á¢ µû¶ó ÇÒ ¼ö ÀÖ´Â ºí·Î±× ¾ÛÀº µ¶ÀÚ°¡ ½ÇÁ¦·Î üÇèÇÒ ¼ö ÀÖ´Â Áß±Þ ÀÌ»óÀÇ ¸®¾×Æ® ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß °æÇèÀÌ µÉ °ÍÀÌ´Ù.
-
-
¡Ú ÃßõÀÇ ±Û ¡Ú
¡°¹ÙÄû¸¦ ÀçâÁ¶ÇÏÁö ¸¶¶ó¡±¶ó´Â ¿À·¡µÈ °Ý¾ðÀ» µé¾îº» ÀûÀÌ ÀÖÀ» °ÍÀÌ´Ù.
ƯÈ÷ ¼ÒÇÁÆ®¿þ¾î ±â¼ú°ú °ü·ÃÀÌ ÀÖ´Â ¹æ¹ý¿¡¼´Â ÀÌ °Ý¾ð¿¡ ´õ¿í °ø°¨ÀÌ °£´Ù. ÇÁ·Î±×·¡¸Ó¶ó¸é Ç×»ó ¾Ë·ÁÁø ÆÐÅÏÀ¸·Î ÀÛ¾÷ÇÏ°í °¡´ÉÇÑ ÇÑ »¡¸® ¹èÆ÷ÇÏ´Â °ÍÀÌ ´ö¸ñÀÌ´Ù. ¾ßÅ© ¼ÎÀ̺ù(yak shaving)(ÇÑ °¡Áö ÀÏÀ» ÁøÇàÇϴµ¥ Á¡Â÷ ¿¬°ü¼ºÀÌ ¶³¾îÁö´Â ÀÏÀ» ÇÏ°Ô µÇ´Â Çö»ó), ¹ÙÀÌÅ©½¦µù(bikeshedding)(ºÒÇÊ¿äÇÑ ±â¼úÀû ³íÀï¿¡ ½Ã°£°ú ³ë·ÂÀ» ÅõÀÚÇÏ´Â ÀÏ), ±Ý µµ±Ý(gold plating), ¾î¼³Ç ÁøÇà, ¼³Á¤, ½Ã½ÃÇÑ ÀÏ, ½ÇÇè, ÀçÀÛ¾÷, Ưº°ÇÑ ´«¼ÛÀÌ ¾ÆÅ°ÅØó °°Àº, °Ñº¸±â¿¡ ºÒÇÊ¿äÇÑ ½ÇÇè°ú ÀçÀÛ¾÷À̶ó ÆïÇÏÇÏ´Â ¸¹Àº ¼ÒÇÁÆ®¿þ¾î ±â¼ú ´Ü¾îµéÀ» »ç¿ëÇÑ´Ù. ¶ÇÇÑ ÆøÆ÷¼ö¸¦ ÀÌÁ¦ ±×¸¸ µû¸£°í, ÀÚ½ÅÀÌ Àͼ÷ÇÑ °°¡³ª È£¼ö¸¦ µû¸£¶ó´Â ¸»À» µé¾î¿Ô´Ù. ÃÖ»óÀ§ÀÇ ¼ÒÇÁÆ®¿þ¾î °³¹ßÀÚµéÀº °¡Àå ÈǸ¢ÇÑ ¿¹½Ã¿Í °ËÁõµÈ Ç¥ÁØÀ» ±¸ÇöÇؼ °ÅÀÎÀÇ ¾î±ú À§¿¡ ÀÖ´Â °ÍÀ» ÀÚ¶û½º·´°Ô ¿©±ä´Ù. ¹Ý´ë·Î, ¼ÒÇÁÆ®¿þ¾î ¹æÁ¾ÀÇ º»º¸±â´Â NIH ÁõÈıº(Not Invented Here Syndrome)(½ÅÁ¦Ç°À» ±¸»óÇÑ ºÎ¼¸¦ ´Ù¸¥ ºÎ¼¿¡¼ Àû´ë½ÃÇϰųª À§ÇùÀ¸·Î ´À³¢´Â Çö»ó)ÀÌ ÀÖ´Â °ø°£ÀÌ´Ù. °èȹ¿¡ ÀÇÁ¸Çؼ ÁýÁßÇÏ°í ½Ã°£À» ³¶ºñÇÏÁö ¾ÊÀ¸¸ç, ¿ì¸®°¡ ÀÌ¹Ì ÇÏ°í ÀÖ´Â ÀÏÀ» ÁøÇàÇØ¾ß ÇÑ´Ù.
ƯÁ¤ ¼ÒÇÁÆ®¿þ¾î °³¹ßÀÚ Ä¿¹Â´ÏƼ°¡ ÀÌ·± ¼¼°è°üÀ» ¹Þ¾ÆµéÀÌÁö ¾Ê´Â´Ù¸é, ±×°÷Àº ¹Ù·Î ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ½É°¢ÇÑ Àü¹® °³¹ßÀÚÀÏ °ÍÀÌ´Ù. ²÷ÀÓ¾øÀÌ ¿òÁ÷ÀÌ´Â ÁÖ¿ä ºê¶ó¿ìÀú ±â¼ú, ´Ù¾çÇÑ ¹è°æÀ» °¡Áø °³¹ßÀÚµéÀÇ ³¡ÀÌ ¾ø´Â À¯ÀÔ, ÀÚ¹Ù½ºÅ©¸³Æ® ÀÚüÀÇ Áö¼ÓÀûÀΠǥÁØÀÇ ÁøÈ´Â ¼ÒÇÁÆ®¿þ¾î °³¹ß ½ºÅÃÀÇ º¯È¸¦ ¸¸µé¾î³½´Ù. ÀçâÁ¶´Â ÀϹÝÀûÀÌ°í Ç×»ó ÀÖ¾î¿Ô´Ù. ºê¶ó¿ìÀúÀÇ DOM°ú »óÈ£ÀÛ¿ëÇÏ´Â µ¥ ¹®Á¦°¡ ÀÖÀ» ¶§, ÀçâÁ¶ÀÇ ¸ñÇ¥°¡ ¼³Á¤µÈ´Ù. ½ÃÁñ(Sizzle), Á¦ÀÌÄõ¸®(jQuery), ¸¶Áö¸·À¸·Î ºê¶ó¿ìÀú ³×ÀÌƼºê ±¸ÇöüÀÎ querySelectorAllÀº ÀÌ¹Ì Á¸ÀçÇϴ ǥÁØ¿¡ ´ëÇÑ ±âº»ÀûÀÎ ºÒ¸¸Á·À¸·Î ž´Ù. °¡Àå ÁÁÀº XML, JSONÀÇ ¿¹½Ã Äڵ忡¼ À¥ Åë½ÅÀ» À§ÇÑ ÁÖ¿ä Ç¥ÁØÀ¸·Î ¹ß»ýÇß´Ù. ¿À´Ã ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·¹ÀÓ¿öÅ©¸¦ ³»·Á¹ÞÀ¸¸é ¾î¶² Á¾·ùÀÇ ÆÐÅÏÀÌ¶óµµ »ç¿ëÇÒ ¼ö ÀÖÀ» °ÍÀÌ´Ù. MVVM, MVC, MVW, MVP, üÀÌ´× ¿¬°á(Chain of Responsibility), ¹ßÇà ±¸µ¶ ÆÐÅÏ(PubSub), À̺¥Æ® ±â¹Ý, ¼±¾ðÀû, ±â´ÉÀû, °´Ã¼ ÁöÇâ, ¸ðµâ, ÇÁ·ÎÅäŸÀÔÀ̶ó´Â º¯ÈÇÏ´Â ¸ðÇü°ú ±Ô¸ð¸¦ »ìÆ캸ÀÚ. ÇÁ·Î±×·¥À» ¼³°èÇÏ´Â µ¥´Â ÇÑ °¡Áö ¹æ¹ý¸¸ Á¸ÀçÇÏ´Â °ÍÀÌ ¾Æ´Ï´Ù. ´õ¿íÀÌ Ä¿ÇǽºÅ©¸³Æ®(CoffeeScript), ¶óÀ̺꽺ũ¸³Æ®(LiveScript), ¹Ùº§(Babel), ŸÀÔ½ºÅ©¸³Æ®(Typescript), ¾Æ³îµå¾¾(ArnoldC) °°Àº Àü󸮱⠼¼»óÀ» º¸¸é °³¹ßÀÚ´Â ¿º´¿¡ °É¸° µíÀÌ ÀÚ¹Ù½ºÅ©¸³Æ® ÀÚü¸¦ ÀçâÁ¶ÇÏ·Á ÇÑ´Ù. ¼º½º·¯¿ï °Íµµ ¾øÁö¸¸ ¾Æ¸¶µµ ÀÚ¹Ù½ºÅ©¸³Æ®°¡ ¾öû ºü¸£°Ô ÁøÈÇÏ´Â ¿øµ¿·ÂÀÏ °ÍÀÌ´Ù.
³»°¡ óÀ½À¸·Î ¸®¾×Æ®¸¦ ¹è¿üÀ» ¶§°¡ »ý°¢³´Ù. »÷ÇÁ¶õ½Ã½ºÄÚ¿¡¼ °³ÃÖµÈ À¯¸íÇÑ ÄÁÆÛ·±½º¿¡ Âü¼®Çߴµ¥, Á¡½É½Ã°£¿¡ °ø°³ ´ëȸ¦ ÁøÇàÇß´ø ÆäÀ̽ººÏ°ú Ä ¾ÆÄ«µ¥¹Ì(Khan Academy)ÀÇ °³¹ßÀÚµé ¿·¿¡ ¾É°Ô µÇ¾ú´Ù. ±× ´ç½Ã °¡Àå À¯¸íÇÑ °³¹ß µµ±¸´Â ¿¥¹ö(Ember), ¹éº»(Backbone), ±×¸®°í ¾Þ±Ö·¯(Angular)(´ç½Ã ÄÁÆÛ·±½º¿¡¼ ±× ÁÖÁ¦·Î 30°³ÀÇ °¿¬ÀÌ ÀÖ¾ú´Ù)¿´´Ù. ¿ì¸®´Â ±âÁ¸ °³¹ß µµ±¸ÀÇ Àå´ÜÁ¡À» Åä·ÐÇß°í, ¿ì¸®°¡ ´À³¢´Â °³¹ßÀÇ ¾î·Á¿òÀº À¥ ¾ÖÇø®ÄÉÀ̼ÇÀ» ¾î¶»°Ô Ãß»óÈÇÒÁö¿¡ ´ëÇÑ Áö¹èÀûÀÎ °ßÇØ ¶§¹®¿¡ Á¸ÀçÇß´Ù. ±× ´ç½Ã ³» ¿·¿¡ ¾É¾Æ ÀÖ´ø °³¹ßÀÚ´Â ¡°¸®¾×Æ® Æйи®¸¦ Á¢Çغ¸´Â °ÍÀÌ ÁÁ°Ú¾î¿ä¡±¶ó°í Çß°í ±×³¯ ±×ÀÇ À¯ÀÏÇÑ ÄÁÆÛ·±½º¿¡ ³ª¸¦ ÃÊ´ëÇß´Ù. ¹°·Ð Âü¼®Çß´Ù. °á±¹ ³»°¡ Âü¼®Çß´ø °¡Àå °¡Ä¡ ÀÖ´Â(±×¸®°í ±× ´ç½Ã ¸¹Àº ³íÀïÀÌ ÀÖ¾ú´Ù) ¼¼¹Ì³ª¿´...´Ù.
ÀÚ½ÅÀ» ÇÇÆ® ÇåÆ®(Pete Hunt)¶ó°í ¼Ò°³ÇÑ Á¡½É ÄÁÆÛ·±½º ÁøÇàÀÚ´Â À¥ ¾ÖÇø®ÄÉÀ̼ǿ¡ °üÇÑ »õ·Î¿î ¹æ¹ýÀ» Á¦½ÃÇÑ ÇÙ½É ±â¿©ÀÚ°¡ µÇ¾ú´Ù. ³ª´Â ±×ÀÇ °¿¬¿¡ Âü¼®Çß°í, ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ Â÷¼¼´ë ÀçâÁ¶ °ßÀÎÂ÷¸¦ ã¾Ò´Ù´Â »ç½ÇÀ» °©ÀÚ±â ÀνÄÇß´Ù. ÀϹÝÀûÀÎ ¾ç¹æÇâ µ¥ÀÌÅÍ ¹ÙÀεù ±â¹ýÀº ´Ü¹æÇâ µ¥ÀÌÅÍ È帧À» À§ÇØ »ç¿ëÇÏÁö ¾Ê°í ¾ÖÇø®ÄÉÀÌ¼Ç ´ÜüÀÇ Ç¥ÁØ MVC ÆÐÅÏÀº ÀçÁ¶¸íÇÏ¸é¼ ¾×¼Ç, ½ºÅä¾î, µð½ºÆÐÄ¡ ÇüÅ·Πº¯ÇüÇß´Ù. ±×·¯³ª °¡Àå Èï¹Ì·Î¿ì¸é¼µµ ±Ùº»ÀûÀÎ ¸®¾×Æ®ÀÇ Æ¯Â¡Àº ¹®Á¦¸¦ ÀÏÀ¸Å°´Â DOMÀÇ Ã³¸®·Î, ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ±âº»ºÎÅÍ DOMÀ» ¿Ïº®ÇÏ¸é¼ ÀڽŠÀÖ°Ô À籸¼ºÇÏ´Â °ÍÀÌ´Ù.
¿©·¯ºÐÀÌ ÀÌ Ã¥À» Áý¾î µé¾ú´Ù¸é ÀÌ¹Ì ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¹Ì·¡¿¡ Èï¹Ì°¡ ÀÖÀ» °ÍÀÌ´Ù. ÀÌó·³ ¹Ýº¹µÇ´Â ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ÀçâÁ¶ ÁÖÁ¦´Â Áö³ ¸î ³â »çÀÌ¿¡ ¼·Î ¹ÐÁ¢ÇÑ ¿¬°ü¼ºÀÌ ÀÖ¾î¿Ô´Ù. ¸®¾×Æ®, ES6, ºôµå ½Ã½ºÅÛ, ½ºÄ³Æúµù(scaffolding) µî ¸¹Àº °ÍÀÌ ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ Àü¸ÁÀ» ¹à°Ô ºñÃß´Â »õ·Î¿î °³¹ß µµ±¸´Ù. ÀÌ Ã¥Àº Çö´ë ¿¡ÄÚ ½Ã½ºÅÛ°ú ´õºÒ¾î ¸®¾×Æ®¸¦ ¼³¸íÇÑ´Ù´Â Á¡¿¡¼ Áß¿äÇÏ´Ù ÇÏ°Ú´Ù. ÀÌ Ã¥À» ÀÐ°í ³ª¸é »ó¿ë ¾ÖÇø®ÄÉÀ̼ÇÀ» °èȹÇÏ°í, ¼³°èÇÏ°í, °á±¹ °³¹ßÇÏ´Â µ¥ ÇÊ¿äÇÑ ¸ðµç ¿øÄ¢À» ÀÌÇØÇÏ°Ô µÉ °ÍÀÌ´Ù.
¾ÖÇø®ÄÉÀÌ¼Ç ¼³°è ¿µ¿ªÀ¸·Î Èï¹Ì·Î¿î ¿©ÇàÀ» ¶°³¯ ¶§ ¾Æ´ã¸¸Å ÈǸ¢ÇÑ ¼±»ýµµ ¾ø´Ù. ÇÐâ ½ÃÀý ¾Æ´ãÀ» óÀ½ ¸¸³µ´Âµ¥, ¿ùµå À¥ ¾ÖÇø®ÄÉÀ̼ǿ¡¼ ÃÖÃÊÀÌÀÚ °¡Àå ÈǸ¢ÇÑ °Í¿¡ ÃÊÁ¡À» µÐ ÄÁÆÛ·±½ºÀÎ ½ã´õ Ç÷¹ÀÎ(Thunder Plains)¿¡¼ ±×°¡ °¿¬ÇÏ´Â ¸ð½ÀÀ» º¸°í ºüÁ®µé¾ú´Ù. ¾Æ´ãÀº Áß°£ ÁöÁ¡À¸·Î À̵¿ÇÏ´Â ±â´ÉÀ» ±â¹ÝÀ¸·Î ÇÏ´Â »ó·ú °ÔÀÓ°ú ÀÚ¹Ù½ºÅ©¸³Æ® ¹Ù´Ò¶ó ÇÁ·ÎÁ§Æ®·Î ¿Ïº®ÇÏ°Ô À籸¼ºÇÑ 3D ±¤¼± Åõ°ú ¿£Áø °°Àº °³ÀÎ ÇÁ·ÎÁ§Æ® ÇüÅÂÀÇ ±â¹ßÇÑ Ä÷º¼ÇÀ» °ø°³Çß´Ù.
¾Æ´ãÀº À¯ÀϹ«ÀÌÇÑ ÇÁ·Î±×·¡¸Ó´Ù. ±×´Â °úÇÐÀÚ, ¶«ÀïÀÌ, °ø¿¹°¡Ã³·³ ÀÏÇÑ´Ù. ±âÁ¸ ½Ã½ºÅÛÀ» Á» ´õ Àß ÀÌÇØÇϱâ À§ÇØ À籸¼ºÇÏ´Â ÀÏÀ» ¼½¿Áö ¾ÊÀ»»Ó´õ·¯ ÀÚ½ÅÀÇ ¸ñÇ¥¸¦ ´Þ¼ºÇϱâ À§ÇØ Á» ´õ ³ªÀº ¹æ¹ýÀ» ã¾Æ¼ »õ·Î¿î ¹æ¹ýÀ¸·Î ½ÇÇèÇϱ⸦ Áñ±ä´Ù. ÀÚ¹Ù½ºÅ©¸³Æ® ¼¼»óÀÇ Èï¹Ì·Ó°í Àç¹Ì³ ÀÏµé ¼ÓÀ¸·Î µé¾î°¥ ¶§´Â Áß¿ä »ý°¢, ŽÇè°ú ¹ß°ßÀ» Àå·ÁÇÏ´Â ¾È³»ÀÚ°¡ ÇÊ¿äÇÏ´Ù.
¶Ç ´Ù¸¥ ¾È³»ÀÚ´Â ¸¶ÀÌÅ©·Î¼ÒÇÁÆ® MVP¸¦ ¼ö³â¿¡ °ÉÃÄ 3ȸ °Å¸ÓÁã¾ú°í, ¿£ÅÍÇÁ¶óÀÌÁî ¾ÆÅ°ÅØó¿¡ ´ëÇÑ Ã¥À» Àú¼úÇßÀ¸¸ç, »ê¾÷ À̺¥Æ®¿¡ °»ç·Î ÀÚÁÖ È°µ¿ÇÏ°í, ¼ÒÇÁÆ®¿þ¾î °³¹ßÀÇ ÀüÀïÀ¸·Î ¹°µç 3Â÷¿ø ¼¼»ó¿¡¼ ÀÏÇØ¿Â ¶óÀ̾ð ¹ÙÀ̽º(Ryan Vice)°¡ ÀÖ´Ù. ±×·¯³ª Á» ´õ Áß¿äÇÑ Á¡Àº ¶óÀ̾ðÀº ¹®Á¦ ÇØ°áÀ» À§ÇÑ À¥ ½ºÅÃÀÇ Á߽ɿ¡ ¸®¾×Æ®¸¦ »ç¿ëÇÏ´Â ¹ÙÀ̽º ¼ÒÇÁÆ®¿þ¾î LLC ȸ»ç¸¦ ¼³¸³Çß´Ù´Â Á¡ÀÌ´Ù. ¸®¾×Æ® ÇÁ·ÎÁ§Æ®¿¡ ´ëÇÑ ÇöÀå °æÇèÀ» ¹ÙÅÁÀ¸·Î, ÇÇ Æ¢±â´Â À¥ ȯ°æ¿¡¼ ¿©·¯ºÐÀÌ ÀڽŸ¸ÀÇ À¥ ¾ÖÇø®ÄÉÀ̼ÇÀ» °³¹ßÇÒ ¶§ µµ¿òÀÌ µÇ´Â ÈǸ¢ÇÑ ¾È³»ÀÚ°¡ µÅÁÙ °ÍÀÌ´Ù.
¹ÙÄû¸¦ »õ·Î âÁ¶ÇÒ ÇÊ¿ä°¡ ÀÖ´Ù. µ¿ÀÇÇÏÁö ¸øÇÏ´Â µ¶ÀÚ°¡ ÀÖ´Ù¸é ÀÌ¹Ì Ã¢Á¶µÈ ù ¹ø° ¹ÙÄû¸¦ °¢ÀÚÀÇ ÀÚµ¿Â÷¿¡ ºÙ¿©º¸´Â °úÁ¦¸¦ ³»ÁÖ°í ½Í´Ù. ÀÚ½ÅÀÇ ½Å³äÀ» µû¸£µÇ º¹ÀâÇÑ µ¹ µð½ºÅ©°¡ ±ò·Á ÀÖ´Â °í¼Óµµ·Î¸¦ Áñ°Ì°Ô ´Þ¸®±æ ¹Ù¶õ´Ù. ÇÏ´ÃÀ» ³ª´Â ÀÚµ¿Â÷¸¦ ²Þ²Ù¸ç ÀÚ¹Ù½ºÅ©¸³Æ®¿¡ ³»±â¸¦ °É°Ô µÉ °ÍÀÌ´Ù.
- Á¦½Ã ÇÒ¸°(Jesse Harlin)
http://jesseharlin.net/
ÀÚ¹Ù½ºÅ©¸³Æ® ¾ÆÅ°ÅØÆ®ÀÌÀÚ Ä¿¹Â´ÏƼ ¸®´õ
¡Ú ÀÌ Ã¥¿¡¼ ´Ù·ç´Â ³»¿ë ¡Ú
¡á ¸®¾×Æ® ÄÄÆ÷³ÍÆ® ¶óÀÌÇÁ»çÀÌŬ°ú props, states µîÀÇ ÇÙ½É °³³äÀÇ ÀÌÇØ
¡á ¸®¾×Æ®¸¦ ÀÌ¿ëÇÑ Æû ±¸Çö ¹× Æû À¯È¿¼º °Ë»ç ÆÐÅÏ ±¸Çö
¡á ¸ð´ø ½Ì±Û ÆäÀÌÁö À¥ ¾ÖÇø®ÄÉÀÌ¼Ç ±¸Á¶ÀÇ ÀÌÇØ
¡á ¹æ´ëÇÑ À¥ ±â¼úÀÇ ¼±ÅÃÀ¸·Î ÀÎÇØ ½ºÆ®·¹½º¸¦ ¹ÞÁö ¾Ê°íµµ À¥ ±â¼úÀ» ¼±Åà ¹× Á¶ÇÕÇÏ´Â ¹æ¹ý ÀÌÇØ
¡á ¿Ïº®ÇÑ ½Ì±Û ÆäÀÌÁö ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß
¡á ¾ÖÇø®ÄÉÀÌ¼Ç µðÀÚÀÎ ÀýÂ÷¸¦ °í·ÁÇØ ÀÛ¼ºÇÑ °èȹ¿¡ µû¶ó °³¹ß ½ÃÀÛ
¡á ¾ÖÇø®ÄÉÀÌ¼Ç ÇÁ·ÎÅäŸÀÌÇÎ ±â¼ú°ú Åø¿¡ ÀڽŸ¸ÀÇ °³¹ß ¹«±â Ãß°¡
¡á ¾Ö´Ï¸ÞÀ̼ÇÀ» ÀÌ¿ëÇØ È·ÁÇÑ ¸®¾×Æ® ¾ÖÇø®ÄÉÀÌ¼Ç Á¦ÀÛ
¡Ú ÀÌ Ã¥ÀÇ ´ë»ó µ¶ÀÚ ¡Ú
ÀÌ¹Ì ÀÚ¹Ù½ºÅ©¸³Æ®¿Í CSS¸¦ ÀÌÇØÇÏ°í À¥ ºê¶ó¿ìÀú ȯ°æ¿¡¼ °³¹ßÇÏ´Â À¥ Àü¹®°¡¿¡°Ô ÃÊÁ¡À» ¸ÂÃá´Ù. ±âŸ À¥ ¾ÖÇø®ÄÉÀÌ¼Ç ÇÁ·¹ÀÓ¿öÅ©¸¦ ÀÌ¿ëÇÑ °ú°ÅÀÇ °³¹ß °æÇèÀÌ ²À ÇÊ¿äÇÑ °ÍÀº ¾Æ´ÏÁö¸¸ µµ¿òÀÌ µÉ °ÍÀÌ´Ù. ¸í·É¾î Å͹̳ο¡ Àͼ÷ÇÑ °æ¿ì¿¡µµ Á» ´õ ½±°Ô µû¶ó°¥ ¼ö ÀÖ´Ù.
¡Ú ÀÌ Ã¥ÀÇ ±¸¼º ¡Ú
1Àå, ¡®¸®¾×Æ® ¼Ò°³¡¯¿¡¼´Â ´Ü¼øÇÑ Çï·Î ¿ùµå ¿¹½ÃºÎÅÍ ½ÃÀÛÇØ, ¸®¾×Æ® ¿£Æ¼Æ¼¿Í Á¤ÀÇ ³»¿ëÀ¸·Î ÃÊÁ¡À» À̵¿ÇÏ¸é¼ ¸®¾×Æ®ÀÇ ±âº» ³»¿ëÀ» ¼³¸íÇÑ´Ù.
2Àå, ¡®ÄÄÆ÷³ÍÆ® ÅëÇÕ°ú ¶óÀÌÇÁ»çÀÌŬ¡¯¿¡¼´Â ÄÄÆ÷³ÍÆ®ÀÇ °èÃþȸ¦ ºñ·ÔÇØ, DOM¿¡¼ ÄÄÆ÷³ÍÆ®¸¦ ÀÔ·ÂÇÏ°í Á¦°ÅÇÏ¸é¼ ÄÄÆ÷³ÍÆ®ÀÇ »óŸ¦ °ü¸®ÇÑ´Ù.
3Àå, ¡®µ¿Àû ÄÄÆ÷³ÍÆ®, ¹Í½ºÀÎ, Æû ±×¸®°í JSX¡¯¿¡¼´Â ¸®¾×Æ®ÀÇ À¯È¿¼º °Ë»ç¸¦ À§ÇØ ¸®¾×Æ® ÆûÀÇ ±âº»°ú ÆÐÅÏÀ» »ìÆ캻´Ù.
4Àå, ¡®¸®¾×Æ® ¾ÖÇø®ÄÉÀ̼ÇÀÇ ±¸Á¶¡¯¿¡¼´Â À¥ ¾ÖÇø®ÄÉÀÌ¼Ç µðÀÚÀÎÀÇ Á¢±Ù ¹æ¹ý°ú ÇÔ²², µ¶ÀÚµéÀÇ ÁÖ¿ä ¼±Åà »çÇ×ÀÌ µÇ´Â ¸®¾×Æ® ÄÁÅؽºÆ® ³»ºÎ¿¡¼ »ç¿ëÇÒ ¼ö ÀÖ´Â ±¤¹üÀ§ÇÑ À¥ ±â¼ú ¸Þ´º¸¦ ¼±ÅÃÇÏ´Â ¹æ¹ýÀ» ¼³¸íÇÑ´Ù. ±â¼úÀûÀÎ µðÀÚÀÎÀ» ¿¬½ÀÇÏ°í °³¹ßÀ» ¾È³»ÇÏ´Â °á°ú¹° »ý¼º ¹æ¹ýÀ» ÇнÀÇغ¸ÀÚ.
5Àå, ¡®¸®¾×Æ® ¾ÖÇø®ÄÉÀÌ¼Ç ½ÃÀÛ¡¯¿¡¼´Â ¸ðµç ±â´ÉÀ» °®Ãá ¸®¾×Æ® ´ÙÁß »ç¿ëÀÚ ºí·Î±× ¾ÖÇø®ÄÉÀ̼ÇÀ» ±¸ÇöÇÑ´Ù. °³¹ß ȯ°æÀ» ÁغñÇÏ°í ¸ðµç °³¹ß µµ±¸¸¦ ¼³Ä¡Çϸç, ¸ðµç ¾ÖÇø®ÄÉÀÌ¼Ç ºä¸¦ ½ºÄ³ÆúµùÇÑ´Ù.
6Àå, ¡®¸®¾×Æ® ºí·Î±× ¾Û ÆÄÆ® 1: ¾×¼Ç°ú °øÅë ÄÄÆ÷³ÍÆ®¡¯¿¡¼´Â ¸®Ç÷°½º ¾×¼ÇÀ» ÀÌ¿ëÇØ ¾ÖÇø®ÄÉÀÌ¼Ç Åë½Å Àü·«À» ¼ö¸³ÇÑ´Ù. ¿©±â¼´Â ÀϺΠ°øÅë ÄÄÆ÷³ÍÆ®¸¦ °³¹ßÇÑ´Ù.
7Àå, ¡®¸®¾×Æ® ºí·Î±× ¾Û ÆÄÆ® 2: »ç¿ëÀÚ¡¯¿¡¼´Â ºí·Î±× ¾ÖÇø®ÄÉÀ̼ÇÀÇ ÇÁ·ÎÅäŸÀÔÀ» À§ÇÑ »ç¿ëÀÚ °èÁ¤ °ü¸® ±â´É ±¸Çö ¹æ¹ýÀ» ¼³¸íÇÑ´Ù.
8Àå, ¡®¸®¾×Æ® ºí·Î±× ¾Û ÆÄÆ® 3: Æ÷½ºÆ®¡¯¿¡¼´Â ºí·Î±× Æ÷½ºÆ®¸¦ »ý¼ºÇÏ°í ȸ鿡 Ç¥½ÃÇÑ´Ù.
9Àå, ¡®¸®¾×Æ® ºí·Î±× ¾Û ÆÄÆ® 4: ¹«ÇÑ ½ºÅ©·Ñ°ú °Ë»ö¡¯¿¡¼´Â ¹«ÇÑ ½ºÅ©·Ñ ·Îµù°ú °Ë»ö ±â´ÉÀ» Ãß°¡ÇÏ´Â ¹æ¹ýÀ» ¼³¸íÇÑ´Ù.
10Àå, ¡®¸®¾×Æ® ¾Ö´Ï¸ÞÀ̼ǡ¯¿¡¼´Â ¸®¾×Æ®ÀÇ À¥ ¾Ö´Ï¸ÞÀÌ¼Ç ±â¼úÀ» ¼³¸íÇÑ´Ù.
-
-
1Àå. ¸®¾×Æ® ¼Ò°³
__Çï·Î ¸®¾×Æ®
__JSX
____µ¿ÀÛ ¹æ½Ä
____JSX µðÄÄÆÄÀÏ
____·»´õ¸µ °á°úÀÇ ±¸Á¶
__¼Ó¼º
____µ¿ÀÛ ¹æ½Ä
____¼Ó¼º ŸÀÔ
____getDefaultProps
__»óÅÂ
____µ¿ÀÛ ¹æ½Ä
__Á¤¸®
2Àå. ÄÄÆ÷³ÍÆ® ÅëÇÕ°ú ¶óÀÌÇÁ»çÀÌŬ
__ÄÄÆ÷³ÍÆ®¸¦ °£ÆíÇÏ°Ô ÅëÇÕÇÏ´Â ¹æ¹ý
__µ¿ÀÛÀ» ¹ÙÀεùÇÑ ÄÄÆ÷³ÍÆ® ÅëÇÕ
____µ¿ÀÛ ¹æ½Ä
__ÀÚ½Ä ÄÄÆ÷³ÍÆ®¿¡ Á¢±ÙÇÏ´Â ¹æ¹ý
__ÄÄÆ÷³ÍÆ® ¶óÀÌÇÁ»çÀÌŬ: À̺¥Æ®ÀÇ ¸¶¿îÆ®¿Í ¾ð¸¶¿îÆ®
__ÄÄÆ÷³ÍÆ® ¶óÀÌÇÁ»çÀÌŬ: À̺¥Æ® ¾÷µ¥ÀÌÆ®
____µ¿ÀÛ ¹æ½Ä
__Á¤¸®
3Àå. µ¿Àû ÄÄÆ÷³ÍÆ®, ¹Í½ºÀÎ, Æû ±×¸®°í JSX
__µ¿Àû ÄÄÆ÷³ÍÆ®
____µ¿ÀÛ ¹æ½Ä
__¹Í½ºÀÎ
____µ¿ÀÛ ¹æ½Ä
__Æû
____ÄÁÆ®·Ñ °¡´ÉÇÑ ÄÄÆ÷³ÍÆ®: Àб⸸ °¡´ÉÇÑ ÀÔ·Â
________µ¿ÀÛ ¹æ½Ä
____ÄÁÆ®·Ñ °¡´ÉÇÑ ÄÄÆ÷³ÍÆ®: Àбâ ÀԷ°ú ¾²±â ÀÔ·Â
________µ¿ÀÛ ¹æ½Ä
________ÇÊ¿ä ÀÌ»óÀ¸·Î ÈûµéÁö ¾ÊÀº°¡?
____ÄÁÆ®·Ñ °¡´ÉÇÑ ÄÄÆ÷³ÍÆ®: ´Ü¼øÇÑ Æû
________µ¿ÀÛ ¹æ½Ä
________Æû¿¡ ´ëÇÑ °¡Àå ÀûÀýÇÑ ¿¹Á¦´Â ¹«¾ùÀΰ¡?
________µ¥ÀÌÅÍ ±â¹ÝÀ¸·Î ÁøÇàÇÏ´Â Æû ¸®ÆÑÅ丵
________µ¿ÀÛ ¹æ½Ä
____À¯È¿¼º °Ë»ç
________À¯È¿¼º °Ë»ç ŸÀÔ
________¸®¾×Æ® À¯È¿¼º °Ë»ç ¹Í½ºÀÎ ¿¹Á¦
__...Á¤¸®
4Àå. ¸®¾×Æ® ¾ÖÇø®ÄÉÀ̼ÇÀÇ ±¸Á¶
__½Ì±Û ÆäÀÌÁö ¾ÖÇø®ÄÉÀ̼ÇÀ̶õ ¹«¾ùÀΰ¡?
__SPA µðÀÚÀÎÀÇ ¼¼ °¡Áö °í·Á»çÇ×
____ºôµå ½Ã½ºÅÛ
________ºôµå ½Ã½ºÅÛ ¼±ÅÃ
________¸ðµâ ½Ã½ºÅÛ
____CSS Àü󸮱â
____¸ð´ø JS ¹®¹ý°ú JSX ÅÛÇø´ ÄÄÆÄÀϸµ
____ÇÁ·ÐÆ®¿£µå ¾ÆÅ°ÅØó ÄÄÆ÷³ÍÆ®
________ÇÁ·ÐÆ®¿£µå ¶ó¿ìÅÍ
________ÇÁ·ÐÆ®¿£µå ¸ðµ¨
________ºä, ºä ¸ðµ¨, ºä ÄÁÆ®·Ñ·¯
________¸Þ½Ã¡°ú À̺¥Æ®
________±âŸ À¯Æ¿¸®Æ¼¿¡ ´ëÇÑ ÇÊ¿ä
____¾ÖÇø®ÄÉÀÌ¼Ç µðÀÚÀÎ
________¿ÍÀ̾îÇÁ·¹ÀÓ ÀÛ¼º
________¸ÞÀÎ µ¥ÀÌÅÍ ¿£Æ¼Æ¼¿Í API
________¸ÞÀÎ ºä, »çÀÌÆ®¸Ê, ¶ó¿ìÆ®
__Á¤¸®
5Àå. ¸®¾×Æ® ¾ÖÇø®ÄÉÀÌ¼Ç ½ÃÀÛ
__¾ÖÇø®ÄÉÀÌ¼Ç µðÀÚÀÎ
____¿ÍÀ̾îÇÁ·¹ÀÓ Á¦ÀÛ
________»ç¿ëÀÚ¿Í ¿¬°üµÈ ºä
________Æ÷½ºÆ® °ü·Ã ºä
____µ¥ÀÌÅÍ ¿£Æ¼Æ¼
____¸ÞÀÎ ºä¿Í »çÀÌÆ®¸Ê
__°³¹ß ȯ°æ Áغñ
____³ëµå¿Í ÇÊ¿äÇÑ ¸ðµâ ¼³Ä¡
____À¥ÆÑ ¼³Ä¡¿Í ȯ°æ ¼³Á¤
________À¥ÆÑ È¯°æ ¼³Á¤
__º»°ÝÀûÀÎ °³¹ß Àü °í·Á»çÇ×
____¸®¾×Æ®¿Í ·»´õ¸µ
____ºê¶ó¿ìÀú Áö¿ø
____Æû À¯È¿¼º °Ë»ç
__¾Û °³¹ß ½ÃÀÛ
____Æú´õ ±¸Á¶
____¸ñ µ¥ÀÌÅͺ£À̽º
____index.html
____js/app.jsx
____¸ÞÀÎ ºä
____ºä¸¦ ¸®¾×Æ® ¶ó¿ìÅÍ¿Í ¿¬°á
________js/views/appHeader.jsx
________js/views/login.jsx
__Á¤¸®
6Àå. ¸®¾×Æ® ºí·Î±× ¾Û ÆÄÆ® 1: ¾×¼Ç°ú °øÅë ÄÄÆ÷³ÍÆ®
__¸®Ç÷°½º ¾×¼Ç
__Àç»ç¿ë °¡´ÉÇÑ ÄÄÆ÷³ÍÆ®¿Í º£À̽º ½ºÅ¸ÀÏ
____º£À̽º ½ºÅ¸ÀÏ
____ÀԷ°ú ·Îµù ÀεðÄÉÀÌÅÍ
________±âº»ÀûÀÎ ÀÔ·Â ÄÄÆ÷³ÍÆ®
________·Î´õ ÄÄÆ÷³ÍÆ®
____¾ÖÇø®ÄÉÀÌ¼Ç Çì´õ
__Á¤¸®
7Àå. ¸®¾×Æ® ºí·Î±× ¾Û ÆÄÆ® 2: »ç¿ëÀÚ
__ÄÚµå ¸Å´ÏÆ佺Ʈ
__¾ÖÇø®ÄÉÀÌ¼Ç ·±Å¸ÀÓ ¼³Á¤
__¹Í½ºÀΰú Á¾¼Ó¼º
____ÄíÅ° Àбâ¿Í ¾²±â
____Æû À¯Æ¿¸®Æ¼ ¹Í½ºÀÎ
__»ç¿ëÀÚ ±â¹ÝÀÇ ½ºÅä¾î
____¼¼¼Ç ÄÁÅؽºÆ® ½ºÅä¾î
____»ç¿ëÀÚ ½ºÅä¾î
__»ç¿ëÀÚ ºä
____·Î±×ÀÎ ºä
____»ç¿ëÀÚ ºä »ý¼º
________¹Í½ºÀΰú ¶óÀÌÇÁ»çÀÌŬ ¸Þ¼Òµå
________»ç¿ëÀÚ ÇÁ·ÎÆÄÀÏ À̹ÌÁö
________Æû À¯È¿¼º °Ë»ç¿Í Á¦Ãâ
____»ç¿ëÀÚ ºä ÄÄÆ÷³ÍÆ®
____»ç¿ëÀÚ ¸®½ºÆ® ºä
____»ç¿ëÀÚ ºä
__±âŸ ¿¬°üµÈ ºä
____¾Û Çì´õ
__Á¤¸®
8Àå. ¸®¾×Æ® ºí·Î±× ¾Û ÆÄÆ® 3: Æ÷½ºÆ®
__ÄÚµå ¸Å´ÏÆ佺Ʈ
__Æ÷½ºÆ® ½ºÅä¾î
__Æ÷½ºÆ® ºä
____Æ÷½ºÆ® »ý¼º°ú ÆíÁý
________¹Í½ºÀΰú ¶óÀÌÇÁ»çÀÌŬ ¸Þ¼Òµå
________Æû Àü¼Û
____Æ÷½ºÆ® ºä
____Æ÷½ºÆ® ¸®½ºÆ® ÄÄÆ÷³ÍÆ®
____Æ÷½ºÆ® ¸®½ºÆ® ºä
__¿µÇâÀ» ¹Þ´Â ±× ¹ÛÀÇ ºä
____»ç¿ëÀÚ ºä
__Á¤¸®
9Àå. ¸®¾×Æ® ºí·Î±× ¾Û ÆÄÆ® 4: ¹«ÇÑ ½ºÅ©·Ñ°ú °Ë»ö
__¹«ÇÑ ½ºÅ©·Ñ ·Îµù
____¹«ÇÑ ½ºÅ©·Ñ ÄÚµå ¸Å´ÏÆ佺Ʈ
____Æ÷½ºÆ® ½ºÅä¾î º¯°æ
____Æ÷½ºÆ® ¸®½ºÆ® ÄÄÆ÷³ÍÆ® º¯°æ
__Æ÷½ºÆ® °Ë»ö
____°Ë»ö ±â´É ÄÚµå ¸Å´ÏÆ佺Ʈ
____°Ë»ö ½ºÅä¾î
____Æ÷½ºÆ® ½ºÅä¾î º¯°æ
____¾ÖÇø®ÄÉÀÌ¼Ç Çì´õ º¯°æ
____Æ÷½ºÆ® ¸®½ºÆ® ÄÄÆ÷³ÍÆ® º¯°æ
__¸¶Áö¸· °í·Á»çÇ×
____ÃßõÇÏ´Â Çâ»ó ±â¹ý
________ºí·Î±× ¾Û ·¹º§ ¾÷
____´ÙÀ½¿¡´Â
10Àå. ¸®¾×Æ® ¾Ö´Ï¸ÞÀ̼Ç
__¾Ö´Ï¸ÞÀÌ¼Ç ¿ë¾î
____Ŭ·¡½º º¯°æÀ» ÀÌ¿ëÇÑ CSS Æ®·£Áö¼Ç
____ÀÚ¹Ù½ºÅ©¸³Æ® ÄÚµå
____CSS ¼Ò½º
__DOM ÀԷ°ú Á¾·á ¾Ö´Ï¸ÞÀ̼Ç
____ÆË¿À¹ö ¸Þ´º
____ÀÚ¹Ù½ºÅ©¸³Æ® ÄÚµå
____CSS ¼Ò½º
____¸®½ºÆ® ÇÊÅ͸µ
____ÀÚ¹Ù½ºÅ©¸³Æ® ¼Ò½º
____CSS ¼Ò½º
__¸®¾×Æ® ¸ð¼Ç ¾Ö´Ï¸ÞÀÌ¼Ç ¶óÀ̺귯·¯ Àû¿ë
____¸®¾×Æ® ¸ð¼ÇÀÇ µ¿ÀÛ ¹æ¹ý
____½Ã°è ¾Ö´Ï¸ÞÀ̼Ç
__ÀÚ¹Ù½ºÅ©¸³Æ® ¼Ò½º
____CSS ¼Ò½º
__Á¤¸®
-
-
|
¾Æ´ã Ȧư(Adam Horton) [Àú]
|
|
-
À¥, ÄÄÇ»ÅÍ, °ÔÀÓ ºÐ¾ß¿¡¼ »ý¼ºÀÚ, Æı«ÀÚ, À籸¼ºÀÚÀÏ »Ó¸¸ ¾Æ´Ï¶ó ¿Á¤ÀûÀÎ º¹°í °ÔÀ̸ӴÙ. ÈÞ·¿ ÆÐÄ¿µå(Hewlett Packard)ÀÇ ÇÏÀÌ¿£µå ½´ÆÛµ¼ ¼¹ö ºÎ¼¿¡¼ Æß¿þ¾î °³¹ßÀÚ·Î Á÷¹«¸¦ ½ÃÀÛÇß´Ù. ±×°¡ °³¹ßÇÑ ÀÚ¹Ù½ºÅ©¸³Æ®¿Í C ÇÁ·Î±×·¥Àº ´ë±â¾÷ ´Ü¸»ÀÇ ÆÄ¿ö¿Í Ä𸵠½Ã½ºÅÛ, ½Ã½ºÅÛ Áø´Ü, ¼³Á¤ ½Ã½ºÅÛ¿¡ Àû¿ëÇß´Ù. ±× ÀÌÈÄ »ç¿ëÀÚ ÀÎÁõÀ» °Á¶ÇÑ Å©·Î½º µµ¸ÞÀÎ ÀÚ¹Ù½ºÅ©¸³Æ® ±â¼úÀ» ÀÌ¿ëÇÏ¸é¼ ÆäÀÌÆÈ(PayPal)ÀÇ À¥ °³¹ßÀÚ·Î ±Ù¹«Çß´Ù. ÃÖ±Ù ESO ¼Ö·ç¼Ç¿¡¼ ÀÔ¿ø Àü ÀüÀÚ °Ç° ±â·Ï Çʵå(HER, electronic health record) Ä÷º¼Ç ¾ÖÇø®ÄÉÀ̼ÇÀ¸·Î Â÷¼¼´ë ÀÚ¹Ù½ºÅ©¸³Æ® °³¹ßÀÚ¸¦ À̲ø¾ú´Ù.
±×´Â Æ÷°ýÀûÀÌ¸é¼ ÈçÇÑ ¿ÀÇ À¥À» ¹Ï´Â´Ù. ¾ÖÇø®ÄÉÀ̼ǰú ±³À° ºÐ¾ßÀÇ µðÀÚÀÎ, ±¸Çö ½Ã °³ÀÎ °³¹ßÀÚÀÇ ½ÅÁ¶¸¦ ³Ñ´Â ½Ç¿ëÁÖÀÇ¿Í ¿¬½À¿¡ °¡Ä¡¸¦ ÁØ´Ù.
-
|
Á¶È¿¼º [Àú]
|
|
-
±¤¿î´ëÇб³ ÀüÀÚ°øÇаú¸¦ Á¹¾÷ÇÏ°í µ¿´ëÇпø ÀÓº£µðµå ¼ÒÇÁÆ®¿þ¾î °øÇаú¿¡¼ ¾Èµå·ÎÀ̵å¿Í ºí·çÅõ½º¸¦ Àü°øÇß´Ù. °ú°Å ¿Àºñ°í¿¡¼ À¥ °³¹ßÀÚ·Î È°µ¿ÇÏ°í ÀÖ´Â ³ëµå¿¡ °ü½ÉÀÌ ¸¹Àº Çູ °³¹ßÀÚ´Ù. ÇູÇÑ HMI WebApp °³¹ß ÆÀ¿¡¼ Â÷·®¿ë Ç÷§Æû¿¡ ¿Ã¶ó°¡´Â À¥ ¾ÛÀ» °³¹ßÇÏ¸é¼ ¸¹Àº °æÇè°ú ½Ç·ÂÀ» ½×¾Ò´Ù. ÇöÀç ºê¶óÀÌ´ÏŬ¿¡ ±Ù¹«ÇÏ¸é¼ ¼¹ö¿Í Ŭ¶óÀ̾ðÆ®¸¦ °³¹ßÇϸç, ºòµ¥ÀÌÅÍ ºÐ¼®¿¡ °ü½ÉÀÌ ¸¹°í, ½ÇÁ¦ µ¥ÀÌÅÍ ºÐ¼® »ç·Ê¸¦ ¸¸µé°í ÀÖ´Ù. ¹ø¿ª ÀÛ¾÷À» ÅëÇØ Ã¥À» Àд ¸ðµç »ç¶÷¿¡°Ô ²À µµ¿òÀÌ µÇ±â¸¦ ¹Ù¶ó´Â ¸¶À½À» ´Ã Ç°°í ÀÖ´Ù. ¿¡ÀÌÄÜÃâÆǻ翡¼ Ãâ°£ÇÑ [³ëµå·Î ÇÏ´Â À¥ ¾Û Å×½ºÆ® ÀÚµ¿È](2013), [ÀͽºÇÁ·¹½º ÇÁ·¹ÀÓ¿öÅ©·Î ÇÏ´Â ³ëµå À¥ ¾Û ÇÁ·Î±×·¡¹Ö](2014), [Storm ½Ç½Ã°£ ºòµ¥ÀÌÅÍ ºÐ¼® Ç÷§Æû](2014), [¾Èµå·ÎÀ̵å À½¼º ÀÎ½Ä ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß](2014), [Spark·Î ÇÏ´Â °í¼Ó ºòµ¥ÀÌÅÍ ºÐ¼®°ú ó¸®](2014), [AngularJS ¹ÝÀÀÇü À¥¾Û °³¹ß°ú ¼º´É ÃÖÀûÈ](2015), [¸®¾×Æ® Á¤º¹Çϱâ](2016)¸¦ ¹ø¿ªÇß´Ù.
-
-
Àüü 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ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù. |
|
|
|
|