±¹³»µµ¼
Àü°øµµ¼/´ëÇб³Àç
°øÇаè¿
ÄÄÇ»ÅÍ°øÇÐ
2013³â 9¿ù 9ÀÏ ÀÌÈÄ ´©Àû¼öÄ¡ÀÔ´Ï´Ù.
Á¤°¡ |
35,000¿ø |
---|
31,500¿ø (10%ÇÒÀÎ)
1,750P (5%Àû¸³)
ÇÒÀÎÇýÅÃ | |
---|---|
Àû¸³ÇýÅà |
|
|
|
Ãß°¡ÇýÅÃ |
|
À̺¥Æ®/±âȹÀü
¿¬°üµµ¼(24)
»óÇ°±Ç
ÀÌ»óÇ°ÀÇ ºÐ·ù
Ã¥¼Ò°³
¸®¾×Æ®´Â ÆäÀ̽ººÏÀÌ °³¹ßÇÑ À¥ °³¹ß ¶óÀ̺귯¸®·Î, ÇöÀç ÆäÀ̽ººÏÀÌ ÀÚ»ç ¼ºñ½º¿¡ Àû±ØÀûÀ¸·Î È°¿ëÇÒ »Ó¸¸ ¾Æ´Ï¶ó ¼ö¸¹Àº °³¹ßÀÚµéÀÌ À¥ ¹× ¾Û °³¹ß¿¡ »ç¿ëÇÏ°í ÀÖ´Â ±â¼úÀÌ´Ù.
ÀÌ Ã¥Àº ¸®¾×Æ®¿¡ ´ëÇÑ Àü¹ÝÀûÀÎ ÀÌÇØ¿Í ±¸ÇöÀ» ÅëÇØ ¸ð¹ÙÀÏ ¾Û °³¹ßÀÌ °¡´ÉÇÑ ¸®¾×Æ® ³×ÀÌƼºê¸¦ ¼Ò°³ÇÏ¸ç ¾à°£ÀÇ ÀÚ¹Ù½ºÅ©¸³Æ® Áö½ÄÀ¸·Îµµ ÃæºÐÈ÷ ½ÃÀÛÇÒ ¼ö ÀÖ´Ù.
¸ÕÀú ¸®¾×Æ®ÀÇ °³³ä ¹× ·»´õ¸µ, ÄÄÆ÷³ÍÆ® Àç»ç¿ë, JSX, °íÂ÷ ÄÄÆ÷³ÍÆ® µî¿¡ ´ëÇØ ¹è¿î´Ù. Ã¥ ÈĹݺο¡¼´Â À̸¦ Åä´ë·Î ¸ð¹ÙÀÏ ¾Û °³¹ßÀ» À§ÇØ ¸®¾×Æ® ³×ÀÌƼºê·Î ÁÖ¿ä ¸ð¹ÙÀÏ Ç÷§ÆûÀÇ ³×ÀÌƼºê ÄÄÆ÷³ÍÆ®¿Í ¿¬µ¿ÇÏ´Â ¹æ¹ýÀ» ¹è¿î´Ù.
ÃâÆÇ»ç ¼Æò
¡Ú ÀÌ Ã¥¿¡¼ ´Ù·ç´Â ³»¿ë ¡Ú
¡á Àç»ç¿ë °¡´ÉÇÑ ¸®¾×Æ® ÄÄÆ÷³ÍÆ® ÀÛ¼ºÇϱâ
¡á ¸®¾×Æ® ¶ó¿ìÅÍ·Î UI¿Í URLÀ» µ¿±âÈÇØ Å½»ö ÅëÁ¦Çϱâ
¡á Node.js¸¦ »ç¿ëÇØ ¼¹ö »çÀÌµå ·»´õ¸µ À¥ ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ßÇϱâ
¡á ¹ÝÀÀÇü ¸ð¹ÙÀÏ µðÀÚÀÎÀ» »ý¼ºÇϱâ À§ÇØ Ç÷°½º¹Ú½º ·¹À̾ƿô ¸ðµ¨ »ç¿ëÇϱâ
¡á ¾Èµå·ÎÀ̵å¿Í iOS ³×ÀÌƼºê API¸¦ È°¿ëÇØ ¸®¾×Æ® ³×ÀÌƼºê·Î ¸Å·ÂÀûÀÎ ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ßÇϱâ
¡á »ç¿ëÀÚ¸¦ À§ÇØ Á÷°üÀûÀÎ ÇüÅÂÀÇ Á¦½ºÃ³¿¡ ´ëÀÀÇϱâ
¡á ¸®¾×Æ® UI¸¦ À§ÇÑ ÅëÇÕµÈ µ¥ÀÌÅÍ ¾ÆÅ°ÅØó¸¦ ±¸¼ºÇϱâ À§ÇØ ¸±·¹ÀÌ »ç¿ëÇϱâ
¡Ú ÀÌ Ã¥ÀÇ ´ë»ó µ¶ÀÚ ¡Ú
ÀÔ¹®ÀÚ³ª Àü¹®°¡¸¦ Æ÷ÇÔÇÑ ¸ðµç ÀÚ¹Ù½ºÅ©¸³Æ® °³¹ßÀÚ¸¦ À§ÇØ ¸¸µé¾îÁ³´Ù. ÆäÀ̽ººÏÀÇ UI ¶óÀ̺귯¸® »ç¿ë¹ýÀ» ¹è¿ì°í ½ÍÀº »ç¶÷µµ Æ÷ÇԵȴÙ. ¸®¾×Æ®¿¡ ´ëÇÑ Áö½ÄÀº ÇÊ¿ä ¾øÁö¸¸ ES2015¿¡ ´ëÇÑ ½Ç¹« Áö½ÄÀÌ ÀÖÀ¸¸é ´õ¿í Àß ÀÌÇØÇÒ ¼ö ÀÖ´Ù.
¡Ú ÀÌ Ã¥ÀÇ ±¸¼º ¡Ú
1Àå, ¡®¿Ö ¸®¾×Æ®Àΰ¡?¡¯¿¡¼´Â ¸®¾×Æ®°¡ ¹«¾ùÀÎÁö, ¿Ö »ç¿ëÇÏ°í ½ÍÀºÁö¿¡ ´ëÇØ ¾Ë¾Æº»´Ù.
2Àå, ¡®JSX ·»´õ¸µ¡¯¿¡¼´Â JSX°¡ ¸®¾×Æ®¿¡¼ ÄÜÅÙÆ®¸¦ ·»´õ¸µÇÒ ¶§ »ç¿ëÇÏ´Â ±¸¹®À̶ó´Â °Í¿¡ ´ëÇØ ¾Ë¾Æº»´Ù. HTMLÀÌ °¡Àå º¸ÆíÀûÀÎ °á°úÁö¸¸ JSX¸¦ »ç¿ëÇÏ¸é ³×ÀÌƼºê UI ÄÄÆ÷³ÍÆ® µîÀ» ·»´õ¸µÇÒ ¼ö ÀÖ´Ù.
3Àå, ¡®ÄÄÆ÷³ÍÆ® ÇÁ·ÎÆÛƼ, »óÅ ±×¸®°í ÄÁÅؽºÆ®¡¯¿¡¼´Â ÇÁ·ÎÆÛƼ°¡ ÄÄÆ÷³ÍÆ®¿¡ Àü´ÞµÇ´Â ¹æ¹ý°ú »óÅ°¡ º¯°æµÉ ¶§ ÄÄÆ÷³ÍÆ®¸¦ Àç·»´õ¸µÇÏ´Â ¹æ¹ý¿¡ ´ëÇØ ¾Ë¾Æº»´Ù.
4Àå, ¡®À̺¥Æ® Çڵ鸵?¸®¾×Æ® ¹æ½Ä¡¯¿¡¼´Â ¸®¾×Æ®ÀÇ À̺¥Æ®°¡ JSX¿¡¼ ±¸Ã¼ÈµÈ´Ù´Â °Í°ú ¸®¾×Æ®°¡ À̺¥Æ®¸¦ ¾î¶»°Ô ó¸®ÇÏ°í Äڵ尡 ÇØ´ç À̺¥Æ®¿¡ ¾î¶»°Ô ¹ÝÀÀÇØ¾ß ÇÏ´ÂÁö¿¡ ´ëÇØ ¾Ë¾Æº»´Ù.
5Àå, ¡®Àç»ç¿ëÇÒ ¼ö ÀÖ´Â ÄÄÆ÷³ÍÆ® Á¦ÀÛ¡¯¿¡¼´Â ÄÄÆ÷³ÍÆ®°¡ Á¾Á¾ ´õ ÀÛÀº ÄÄÆ÷³ÍÆ®µéÀ» »ç¿ëÇØ ±¸¼ºµÈ´Ù´Â °Í¿¡ ´ëÇØ ¾Ë¾Æº»´Ù. ÀÌ´Â µ¥ÀÌÅÍ ¹× µ¿ÀÛÀ» ÇÏÀ§ ÄÄÆ÷³ÍÆ®¿¡ ¿Ã¹Ù¸£°Ô Àü´ÞÇØ¾ß ÇÑ´Ù´Â °ÍÀ» ÀǹÌÇÑ´Ù.
6Àå, ¡®¸®¾×Æ® ÄÄÆ÷³ÍÆ® »ý¸íÁֱ⡯¿¡¼´Â ¸®¾×Æ® ÄÄÆ÷³ÍÆ®°¡ ¾î¶»°Ô ¸¸µé¾îÁö°í Æı«µÇ´ÂÁö¿¡ ´ëÇØ ¾Ë¾Æº»´Ù. ÀÌ¿¡´Â ³×Æ®¿öÅ©¿¡¼ µ¥ÀÌÅ͸¦ °¡Á®¿À´Â °Í°ú °°Àº ¿©·¯ ´Ù¸¥ »ý¸íÁÖ±â(Lifecycle) À̺¥Æ®°¡ ÀÖ´Ù.
7Àå, ¡®ÄÄÆ÷³ÍÆ® ÇÁ·ÎÆÛƼ °ËÁõ¡¯¿¡¼´Â ¸®¾×Æ®¿¡ ÄÄÆ÷³ÍÆ®·Î Àü´ÞµÇ´Â ÇÁ·ÎÆÛƼ À¯ÇüÀÇ À¯È¿¼ºÀ» °Ë»çÇÏ´Â ¸ÞÄ¿´ÏÁòÀÌ ÀÖ´Ù´Â °ÍÀ» ¾Ë¾Æº»´Ù. À̸¦ ÅëÇØ ÄÄÆ÷³ÍÆ®¿¡ ¿¹±âÄ¡ ¸øÇÑ °ªÀÌ Àü´ÞµÇÁö ¾Ê´Â´Ù´Â »ç½ÇÀ» È®ÀÎÇÒ ¼ö ÀÖ´Ù.
8Àå, ¡®ÄÄÆ÷³ÍÆ® È®À塯¿¡¼´Â ÄÄÆ÷³ÍÆ®¸¦ È®ÀåÇÏ´Â µ¥ »ç¿ëµÇ´Â ¸ÞÄ¿´ÏÁò¿¡ ´ëÇØ ¼Ò°³ÇÑ´Ù. ÀÌ´Â »ó¼Ó°ú °íÂ÷ ÄÄÆ÷³ÍÆ®(higher-order components)¸¦ Æ÷ÇÔÇÑ´Ù.
9Àå, ¡®¶ó¿ìÆ®¸¦ ÅëÇÑ ³»ºñ°ÔÀÌ¼Ç Ã³¸®¡¯¿¡¼´Â ³»ºñ°ÔÀ̼ÇÀÌ ¸ðµç À¥ ¾ÖÇø®ÄÉÀ̼ÇÀÇ º»ÁúÀûÀÎ ºÎºÐÀ̶ó´Â °Í¿¡ ´ëÇØ ¾Ë¾Æº»´Ù. ¸®¾×Æ®´Â ¸®¾×Æ® ¶ó¿ìÅÍ ÆÐÅ°Áö(react-router package)¸¦ »ç¿ëÇØ ¶ó¿ìÆ®¸¦ ¼±¾ðÀûÀ¸·Î ó¸®ÇÑ´Ù.
10Àå, ¡®¼¹ö´Ü ¸®¾×Æ® ÄÄÆ÷³ÍÆ®¡¯´Â ºê¶ó¿ìÀú¿¡¼ ¸®¾×Æ®°¡ ÄÄÆ÷³ÍÆ®¸¦ DOM¿¡ ·»´õ¸µÇÏ´Â ¹æ¹ýÀ» ³íÀÇÇÑ´Ù. ¶ÇÇÑ ÄÄÆ÷³ÍÆ®¸¦ ¹®ÀÚ¿·Î ·»´õ¸µÇÒ ¼öµµ Àִµ¥ ÀÌ´Â ¼¹ö¿¡¼ ÆäÀÌÁö¸¦ ·»´õ¸µÇÏ°í ºê¶ó¿ìÀú¿¡ Á¤Àû ÄÜÅÙÆ®¸¦ Àü´ÞÇÒ ¶§ À¯¿ëÇÏ´Ù.
11Àå, ¡®¸ð¹ÙÀÏ ¿ì¼± ¸®¾×Æ® ÄÄÆ÷³ÍÆ®¡¯¿¡¼´Â ¸ð¹ÙÀÏ À¥ ¾ÖÇø®ÄÉÀ̼ÇÀº µ¥½ºÅ©Åé ȸé Çػ󵵸¦ À§ÇØ ¼³°èµÈ À¥ ¾ÖÇø®ÄÉÀ̼ǰú´Â ±Ùº»ÀûÀ¸·Î ´Ù¸£´Ù´Â °Í¿¡ ´ëÇØ ¾Ë¾Æº»´Ù. ¸®¾×Æ® ºÎÆ®½ºÆ®·¦ ÆÐÅ°Áö(react-bootstrap package)¸¦ »ç¿ëÇϸé UI¸¦ ¸ð¹ÙÀÏ È¯°æ¿¡¼ ¸¸µé ¼ö ÀÖ´Ù.
12Àå, ¡®¿Ö ¸®¾×Æ® ³×ÀÌƼºêÀΰ¡?¡¯¿¡¼´Â ¸®¾×Æ® ³×ÀÌƼºê°¡ ¸ð¹ÙÀÏÀ» À§ÇÑ ¸®¾×Æ®¶ó´Â °Í¿¡ ´ëÇØ ¾Ë¾Æº»´Ù. ¸®¾×Æ®¿¡ ´ëÇÑ °æÇèÀÌ ÀÖ´Ù¸é ¶È°°Àº ±â¼úÀ» ÅëÇØ Çâ»óµÈ ¸ð¹ÙÀÏ °æÇèÀ» Á¦°øÇÒ ¼ö ÀÖ´Ù.
13Àå, ¡®¸®¾×Æ® ³×ÀÌƼºê ÇÁ·ÎÁ§Æ® ½ÃÀÛÇϱ⡯¿¡¼´Â ¾î´À ´©±¸µµ º¸ÀÏ·¯Ç÷¹ÀÌÆ® ÄÚµå ÀÛ¼ºÀ̳ª ÇÁ·ÎÁ§Æ® µð·ºÅ͸® ¼³Á¤À» ÁÁ¾ÆÇÏÁö ¾Ê´Â´Ù´Â °Í¿¡ ´ëÇØ ¾Ë¾Æº»´Ù. ¸®¾×Æ® ³×ÀÌƼºê¿¡´Â ÀÌ·¯ÇÑ ÀÛ¾÷À» ÀÚµ¿ÈÇÏ´Â µµ±¸°¡ Á¸ÀçÇÑ´Ù.
14Àå, ¡®Ç÷º½º¹Ú½º·Î ¹ÝÀÀÇü ·¹À̾ƿô ¸¸µé±â¡¯¿¡¼´Â Ç÷º½º¹Ú½º(Flexbox) ·¹À̾ƿô ¸ðµ¨ÀÌ CSS¸¦ »ç¿ëÇÏ´Â À¥ UI ·¹À̾ƿô¿¡¼ Àαâ ÀÖ´Â ÀÌÀ¯¸¦ ¾Ë¾Æº»´Ù. ¸®¾×Æ® ³×ÀÌƼºê´Â ·¹À̾ƿô ȸé°ú µ¿ÀÏÇÑ ¸ÞÄ¿´ÏÁòÀ» »ç¿ëÇÑ´Ù.
15Àå, ¡®È¸é Ž»öÇϱ⡯¿¡¼´Â Ž»öÀº À¥ ¾ÖÇø®ÄÉÀ̼ÇÀÇ Áß¿äÇÑ ºÎºÐÀÌÁö¸¸ ¸ð¹ÙÀÏ ¾ÖÇø®ÄÉÀ̼ÇÀº »ç¿ëÀÚ°¡ ȸ鿡¼ ȸéÀ¸·Î À̵¿ÇÏ´Â ¹æ½ÄÀ» ó¸®ÇÏ´Â µµ±¸°¡ ÇÊ¿äÇÏ´Ù´Â °Í¿¡ ´ëÇØ ¾Ë¾Æº»´Ù.
16Àå, ¡®Ç׸ñ ¸ñ·Ï ·»´õ¸µÇϱ⡯¿¡¼´Â ¸®¾×Æ® ³×ÀÌƼºê¿¡¼´Â Ç׸ñ ¸ñ·ÏÀ» ¿Ïº®ÇÏ°Ô ·»´õ¸µÇØÁÖ´Â ¸ñ·Ï ºä ÄÄÆ÷³ÍÆ®°¡ ÀÖ´Ù´Â °Í¿¡ ´ëÇØ ¾Ë¾Æº»´Ù. ´Ü¼øÈ÷ µ¥ÀÌÅÍ ¼Ò½º¸¦ Á¦°øÇÏ¸é ³ª
¸ÓÁö´Â ¾Ë¾Æ¼ ó¸®ÇÑ´Ù.
17Àå, ¡®ÇÁ·Î±×·¹½º º¸¿©Áֱ⡯¿¡¼´Â ÇÁ·Î±×·¹½º ¹Ù°¡ ÀÏÀÇ ÁøÇà·üÀ» º¸¿©ÁÖ´Â µ¥ ¸Å¿ì ÈǸ¢ÇÏ´Ù´Â °Í¿¡ ´ëÇØ ¾Ë¾Æº»´Ù. ¾ó¸¶³ª °É¸®´ÂÁö ¸ð¸¦ °æ¿ì ÇÁ·Î±×·¹½º ÀεðÄÉÀÌÅ͸¦ »ç¿ëÇ϶ó. ¸®¾×Æ® ³×ÀÌƼºê¿¡´Â µÎ °¡Áö ÄÄÆ÷³ÍÆ®°¡ ¸ðµÎ ÀÖ´Ù.
18Àå, ¡®Áö¿À·ÎÄÉÀ̼ǰú ¸Ê¡¯¿¡¼´Â react-native-maps ÆÐÅ°Áö°¡ ¸®¾×Æ® ³×ÀÌƼºê¿¡ ¸ÅÇÎ ±â´ÉÀ» Á¦°øÇÏ´Â °Í¿¡ ´ëÇØ ÀϾƺ»´Ù. À¥ ¾ÖÇø®ÄÉÀ̼ǿ¡¼ »ç¿ëµÇ´Â Áö¿À·ÎÄÉÀÌ¼Ç API´Â ¸®¾×Æ® ³×ÀÌƼºê¿¡¼ Á÷Á¢ Á¦°øµÈ´Ù.
19Àå, ¡®»ç¿ëÀÚ ÀԷ¹ޱ⡯¿¡¼´Â ´ëºÎºÐÀÇ ¾ÖÇø®ÄÉÀ̼ÇÀÌ »ç¿ëÀڷκÎÅÍ ÀÔ·ÂÀ» ¹Þ¾Æ¾ß ÇÑ´Ù´Â °Í¿¡ ´ëÇØ ¾Ë¾Æº»´Ù. ÀÌ´Â ¸ð¹ÙÀÏ ¾ÖÇø®ÄÉÀ̼ǿ¡¼µµ ´Ù¸£Áö ¾ÊÀ¸¸ç ¸®¾×Æ® ³×ÀÌƼºê´Â HTML Æû ¿ä¼Òµé°ú °°Àº ´Ù¾çÇÑ Á¦¾î ±â´ÉÀ» Á¦°øÇÑ´Ù.
20Àå, ¡®¾Ë¸², ÅëÁö, È®ÀΡ¯¿¡¼´Â ¾Ë¸²(Alert)Àº »ç¿ëÀÚ¿¡°Ô Áß¿äÇÑ ÀÏÀÌ ¹ß»ýÇß´Ù´Â °Í, ÅëÁö(Notification)´Â ´«¿¡ ¶çÁö ¾Ê´Â ¾÷µ¥ÀÌÆ®¶ó´Â °Í, È®ÀÎ(Confirmation)Àº Áï°¢ÀûÀÎ ÀÀ´äÀ» ¾ò´Â µ¥ »ç¿ëµÈ´Ù´Â °Í¿¡ ´ëÇØ ¾Ë¾Æº»´Ù.
21Àå, ¡®»ç¿ëÀÚ Á¦½ºÃ³¿¡ ´ëÀÀÇϱ⡯¿¡¼´Â ¸ð¹ÙÀÏ ÀåÄ¡¿¡¼ÀÇ Á¦½ºÃ³°¡ ºê¶ó¿ìÀú¿¡¼ ¿Ã¹Ù¸£°Ô µ¿ÀÛÇϱ⠾î·Æ´Ù´Â °Í¿¡ ´ëÇØ ¾Ë¾Æº»´Ù. ÀÌ¿Í ¹Ý´ë·Î ³×ÀÌƼºê ¾ÛÀº ½º¿ÍÀÌÇÁ, ÅÍÄ¡ µî¿¡ ´ëÇØ ÈξÀ ´õ ³ªÀº °æÇèÀ» Á¦°øÇÒ ¼ö ÀÖ´Ù. ¸®¾×Æ® ³×ÀÌƼºê´Â ¸¹Àº ¼¼ºÎ »çÇ×À» ó¸®ÇÑ´Ù.
22Àå, ¡®À̹ÌÁö Ãâ·Â Á¦¾îÇϱ⡯¿¡¼´Â À̹ÌÁö°¡ ¾ÆÀÌÄÜ, ·Î°í ¶Ç´Â »ç¹°ÀÇ »çÁøÀÌ ´ëºÎºÐÀÇ ¾ÖÇø®ÄÉÀ̼ǿ¡¼ ¾ó¸¶³ª Áß¿äÇÑ ¿ªÇÒÀ» ÇÏ´ÂÁö¿¡ ´ëÇØ ¾Ë¾Æº»´Ù. ¸®¾×Æ® ³×ÀÌƼºê´Â À̹ÌÁö ·Îµå, »çÀÌÁî Á¶Á¤ ¹× ÀûÀýÇÏ°Ô ¹èÄ¡Çϱâ À§ÇÑ µµ±¸¸¦ Á¦°øÇÑ´Ù.
23Àå, ¡®¿ÀÇÁ¶óÀÎÀÇ ¼¼°è·Î¡¯¿¡¼´Â ¸ð¹ÙÀÏ ÀåÄ¡ÀÇ ³×Æ®¿öÅ© ¿¬°áÀÌ ºÒ¾ÈÁ¤ÇÑ °æÇâÀÌ ÀÖ´Ù´Â °Í¿¡ ´ëÇØ ¾Ë¾Æº»´Ù. µû¶ó¼ ¸ð¹ÙÀÏ ¾ÛÀº Àӽà ¿ÀÇÁ¶óÀÎ »óŸ¦ ó¸®ÇÒ ¼ö ÀÖ¾î¾ß ÇÑ´Ù. À̸¦ À§ÇØ ¸®¾×Æ® ³×ÀÌƼºê¿¡´Â ·ÎÄà ½ºÅ丮°¡ API°¡ ÀÖ´Ù.
24Àå, ¡®¾ÖÇø®ÄÉÀÌ¼Ç »óÅ ´Ù·ç±â¡¯¿¡¼´Â ¾ÖÇø®ÄÉÀÌ¼Ç »óÅ°¡ À¥À̳ª ¸ð¹ÙÀÏÀ» Æ÷ÇÔÇÑ ¸ðµç ¸®¾×Æ® ¾ÖÇø®ÄÉÀ̼ǿ¡¼ ¾ó¸¶³ª Áß¿äÇÑÁö¿¡ ´ëÇØ ¾Ë¾Æº»´Ù. ÀÌ°ÍÀÌ ¹Ù·Î ¸®´ö½º ¹× Immutable.js¿Í °°Àº ¶óÀ̺귯¸®¸¦ ÀÌÇØÇÏ´Â °ÍÀÌ Áß¿äÇÑ ÀÌÀ¯´Ù.
25Àå, ¡®¿Ö ¸±·¹ÀÌ ¹× ±×·¡ÇÁQLÀΰ¡?¡¯¿¡¼´Â ¸±·¹ÀÌ¿Í ±×·¡ÇÁQLÀ» ÇÔ²² »ç¿ëÇØ ´ë±Ô¸ð »óŸ¦ ó¸®ÇÏ´Â »õ·Î¿î Á¢±Ù¹ý¿¡ ´ëÇØ ¾Ë¾Æº»´Ù. ÀÌ´Â ÁúÀÇ ¹× º¯Çü ¾ð¾îÀÌ¸ç ¸®¾×Æ® ÄÄÆ÷³ÍÆ®¸¦ °¨½Î´Â ¶óÀ̺귯¸®´Ù.
26Àå, ¡®¸±·¹ÀÌ ¸®¾×Æ® ¾Û ±¸ÇöÇϱ⡯¿¡¼´Â ¸±·¹ÀÌ¿Í ±×·¡ÇÁQLÀÇ ÁøÁ¤ÇÑ ÀÌÁ¡Àº »óÅ ½ºÅ°¸¶°¡ À¥°ú ³×ÀÌƼºê ¹öÀüÀÇ ¾ÖÇø®ÄÉÀÌ¼Ç °£¿¡ °øÀ¯µÈ´Ù´Â °Í¿¡ ÀÖ´Ù´Â Á¡À» ¾Ë¾Æº»´Ù.
¡Ú ¿Å±äÀÌÀÇ ¸» ¡Ú
óÀ½ À¥ °³¹ßÀ» ½ÃÀÛÇÒ ¶§ ¼ø¼ö ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ »ç¿ëÇÏ´Ù Á¦ÀÌÄõ¸®¸¦ »ç¿ëÇÑ ¼ø°£ºÎÅÍ ¸ðµç À¥ ÇÁ·ÎÁ§Æ®´Â Á¦ÀÌÄõ¸®·Î °è¼Ó °³¹ßÇÒ ÁÙ ¾Ë¾Ò´Ù. ¹«¼öÈ÷ ¸¹Àº ¿¹Á¦ ÄÚµå¿Í Ç÷¯±×ÀÎ, DOM¿¡ ½¬¿î Á¢±Ù µî °³¹ßÀÚ°¡ »ç¿ëÇϱ⿡ ¹«Ã´ ½±°í °·ÂÇ߱⠶§¹®ÀÌ´Ù. ÇÏÁö¸¸ ÁøÇàÇÏ´Â ÇÁ·ÎÁ§Æ®ÀÇ ±Ô¸ð°¡ Ŭ¼ö·Ï ¹«ºÐº°ÇÑ DOM Á¢±ÙÀ¸·Î ÀÎÇØ ¾î·Á¿òÀ» °Þ¾úÀ¸¸ç, °á±¹ Çù¾÷ÀÇ ¼ö°¡ ¸¹¾ÆÁú¼ö·Ï º¹ÀâÇÔÀº ºñ·ÊÇß´Ù. ±×·¯´ø Áß SPA(Single Page Application) °³³äÀÌ µîÀåÇÏ¸é¼ º¸´Ù ü°èÈµÈ ÇÁ·ÐÆ®¿£µå °³¹ß ȯ°æÀÌ ¸¶·ÃµÆ´Ù. Ãʱ⿡ À̸¦ ±â¹ÝÀ¸·Î Á¦½ÃµÈ ±â¼úÀÌ Angular 1.0°ú ReactJS¿´À¸¸ç ÃÖ±Ù¿¡´Â VueJSµµ °¢±¤À» ¹Þ°í ÀÖ´Ù. Angular¿Í ReactJSÀÇ °¡Àå Å« Â÷ÀÌÁ¡Àº ÇÁ·¹ÀÓ¿öÅ©¿Í ¶óÀ̺귯¸®¶ó´Â °ÍÀ̾ú´Ù. ReactJS´Â Á¦½ÃµÈ ±â¼ú·Î¸¸ °³¹ßÇØ¾ß ÇÏ´Â ÇÁ·¹ÀÓ¿öÅ© ´ë½Å ÀÚÀ¯·Ó°Ô »ç¿ëÇÒ ¼ö ÀÖ´Â ¶óÀ̺귯¸®¸¦ Ãß±¸ÇßÀ¸¸ç ÀÌ ´Ü¼øÇÔÀÌ ÄÄÆ÷³ÍÆ®, JSX, °¡»ó DOMÀ» ÅëÇØ ´ë±Ô¸ð ÇÁ·ÐÆ®¿£µå °³¹ßÀ» ´õ¿í ü°èÀûÀ¸·Î °³¹ßÇÒ ¼ö ÀְԵǾú´Ù. ¸®¾×Æ®ÀÇ ¾ß¸ÁÀº ¿©±â¿¡¼ ±×Ä¡Áö ¾Ê¾Ò´Ù.
¸ð¹ÙÀÏ ¾Û °³¹ßÀº Áö¼ÓÀûÀ¸·Î ´Ù¾çÇÑ ¹æ¹ý·ÐÀÌ Ãâ¸ôÇß°í Ãâ¸ôÇÏ°í ÀÖ´Ù. ÀÌ°ÍÀº Å©°Ô ¸ð¹ÙÀÏ À¥, iOS, ¾Èµå·ÎÀ̵å¶ó´Â ¼¼ °³ÀÇ Ç÷§ÆûÀ» °¡Àå ÀûÀº ³ë·ÂÀ¸·Î °³¹ßÀ» Æ÷°ýÇÏ°íÀÚ ÇÏ´Â ¾Û °³¹ßÀÇ ¿å±¸¿¡¼ Ãâ¹ßÇÑ´Ù. ¾ÆÀÌ¿À´Ð°ú °°Àº ¸¹Àº ¾Û °³¹ß Ç÷§ÆûÀÌ À¥ ±â¼úÀ» ÅëÇØ ÀÌ°ÍÀ» ÇϳªÀÇ °æÇèÀ¸·Î ÅëÇÕÇÏ°íÀÚ Çß´Ù. ÀÌ·¯ÇÑ À¥ Áß½ÉÀÇ ±â¼úµéÀÌ ¿©ÀüÈ÷ ÁøÈÇÏ°í ÀÖÁö¸¸ ¿ì¸®°¡ ¾Ë°í ÀÖ´Â ¸¹Àº Àαâ ÀÖ´Â ¾ÛÀº ³×ÀÌƼºê ȯ°æ¿¡¼ °³¹ßµÇ°í ÀÖ´Ù. °ú°Å¿¡´Â À¥ ±â¼úÀ» ÅëÇØ °³¹ßµÈ ÇÏÀ̺긮µå ¾ÛÀÌ ¼Óµµ¿¡ ´ÜÁ¡ÀÌ ÀÖ¾ú´Ù¸é ÃÖ±Ù¿¡´Â ÀÌÁú°¨ ÀÖ´Â »ç¿ëÀÚ °æÇèÀÌ ÁÖµÈ ÀÌÀ¯ÀÌ´Ù. ÅëÀÏµÈ °æÇèÀº °á±¹ Ç÷§Æû °íÀ¯ÀÇ ÀåÁ¡À» ÀÒ¾î¹ö¸®¸é¼ ÀÌÁ¦´Â ¸ð¹ÙÀÏ Ç÷§Æû¿¡ ½Ê¿© ³â°£ Àͼ÷ÇØÁø »ç¿ëÀÚµéÀÌ ÀÌÁú°¨ ÀÖ´Â »ç¿ëÀÚ °æÇè¿¡ ¿Ü¸éÇϱ⠽ÃÀÛÇß´Ù. ¹®Á¦´Â ¾Õ¼ ¸»ÇÑ ³×ÀÌƼºê ȯ°æ¿¡¼ÀÇ °³¹ßÀº ÀÌ ´ÜÁ¡À» ´ëºÎºÐ ±Øº¹ÇÏ´Â ´ë½Å °á±¹ ¿©ÀüÈ÷ ¸¹Àº ³ë·Â°ú ½Ã°£ÀÌ µé¾î°£´Ù´Âµ¥ º¯ÇÔÀÌ ¾ø´Ù´Â Á¡ÀÌ´Ù. ¸®¾×Æ®´Â ¿©±â¼ ¸®¾×Æ® ³×ÀÌƼºê¶ó´Â °³³äÀ» Á¦¾ÈÇÑ´Ù. ¸®¾×Æ® ³×ÀÌƼºê´Â ÀÚ¹Ù½ºÅ©¸³Æ®¶ó´Â ÇϳªÀÇ ¾ð¾î¿Í ±â¼úÀ» »ç¿ëÇÏ¸é¼ Ç÷§Æû °íÀ¯ÀÇ ³×ÀÌƼºê ÄÄÆ÷³ÍÆ®¸¦ È°¿ëÇÑ´Ù´Â µ¥¿¡ ´Ù¸¥ ¸ð¹ÙÀÏ À¥ ÇÁ·¹ÀÓ¿öÅ©¿Í´Â Â÷º°È¸¦ µÐ´Ù. ÀÌ°ÍÀº »ç¿ëÀÚ °æÇè Ãø¸é¿¡¼ Ç÷§Æû ÀÌÁú°¨À̶ó´Â ¹®Á¦¸¦ ¿µ¸®ÇÏ°Ô ÇØ°áÇß´Ù. ¶ÇÇÑ ÀÌ ±â¼úÀº ½ÇÁ¦·Î ÆäÀ̽ººÏÀÌ ÀνºÅ¸±×·¥ µîÀ» °³¹ßÇϴµ¥ Àû±ØÀûÀ¸·Î »ç¿ëÇÏ°í ÀÖ´Â Çö¿ª ±â¼úÀÌ´Ù. Çö¿ª ±â¼úÀ̶ó´Â Àǹ̰¡ ÃÖ±Ù¿¡´Â ÂüÀ¸·Î Áß¿äÇÏ´Ù. ³¯¸¶´Ù ÃâÇöÇÏ´Â À¥ ÇÁ·¹ÀÓ¿öÅ©°¡ ½ÇÁ¦·Î´Â °³¹ßÇÑ ÁÖüÁ¶Â÷ »ç¿ëÇÏÁö ¾Ê´Ù°¡ »çÀåµÈ´Ù. ÀÌ°ÍÀº ±â¼úÀÇ ÀåÁ¡À» ¹Ï°í ¼±ÅÃÇÑ »ç¶÷µé¿¡°Ô´Â Å©³ªÅ« »ó½ÇÀÌ´Ù. ÀÌ·¸°Ô ±â¼úÀÇ ¼±ÅÃÀÌ Áß¿äÇÏ°í °í¹Î½º·¯¿î »óȲ¿¡¼ ¸®¾×Æ® ÇÁ·ÎÁ§Æ®¸¦ À̲ø°í ÀÖ´Â ÆäÀ̽ººÏ¿¡¼ ÀνºÅ¸±×·¥À» ºñ·ÔÇÑ ÀÚ»çÀÇ ¼ºñ½º¿¡ Àû±ØÀûÀ¸·Î ¸®¾×Æ®¿Í ¸®¾×Æ® ³×ÀÌƼºê¸¦ Àû¿ëÇÏ°í ÀÖ´Ù´Â Á¡Àº ±â¼úÀÌ À¯ÁöµÉ °ÍÀ̶ó´Â ½Å·Ú¸¦ Áָ鼵µ ¼ºñ½ºÀÇ ¼ºÀå°ú ´õºÒ¾î ²ÙÁØÈ÷ ±× ÇÑ°è°¡ ±Øº¹µÉ °ÍÀ̶ó´Â ±â´ë¸¦ °®°Ô ÇÑ´Ù.
ÀÚ¹Ù½ºÅ©¸³Æ®´Â ¸í½Ç°øÈ÷ °¡Àå Àαâ ÀÖ´Â ¾ð¾î°¡ µÇ¾ú´Ù. ¹é¿£µå¸¦ ±¸ÇöÇÒ ¼ö ÀÖ´Â NodeJS¶ó´Â ±â¼úÀÇ ÃâÇöºÎÅÍ À¥, ¸ð¹ÙÀÏ Ç÷§ÆûÀ» Æ÷°ýÇÏ°íÀÚ ÇÏ´Â ²ÙÁØÇÑ »ýÅ°èÀÇ ³ë·Â¿¡ ±âÀÎÇÑ´Ù. ºü¸¥ ½ÇÆа¡ ºñÁî´Ï½º °æÇè ¹ýÄ¢À¸·Î ±»¾îÁö°í ÀÖ´Â IT ¼ºñ½º ºÐ¾ß¿¡¼ ÀÚ¹Ù½ºÅ©¸³Æ®´Â ºü¸¥ ÇÁ·ÎÅäŸÀÌÇΰú ¼ºñ½º Ãâ½Ã¶ó´Â ´ÏÁî¿¡ °¡Àå ºÎÇյDZ⠶§¹®¿¡ Àα⸦ ´©¸°´Ù°í º¼ ¼ö ÀÖ´Ù. ¹®Á¦´Â Àαâ¿Í ´õºÒ¾î ³¸³ÇÏ°í ÀÖ´Â ¼ö¸¹Àº ÀÚ¹Ù½ºÅ©¸³Æ® ±â¼ú Áß ¾î¶² °ÍÀ» ¼±ÅÃÇØ¾ß ÇÏ´Â °ÍÀΰ¡¿¡ ´ëÇÑ Ãß°¡ÀûÀÎ ¾î·Á¿î °í¹ÎÀ» ´øÁø´Ù. ¿ªÀÚ´Â °æÇè»ó ±â¼úÀ» ÁÖÀåÇÏ´Â Çõ½Å¼ºº¸´Ù °¡Àå À§ÇèÀÌ ÀûÀº ±â¼úÀ» ¼±ÅÃÇ϶ó°í Á¶¾ðÇÑ´Ù. °¡Àå À§ÇèÀÌ ÀûÀº ±â¼úÀ̶õ ÀÌ¹Ì °ËÁõµÈ »ýÅ°èÀÇ Á¸Àç À¯¹«¿Í ÇÁ·ÎÁ§Æ® ÁÖü°¡ ½ÇÁ¦·Î ÀÚ»çÀÇ ´ë±Ô¸ð ¼ºñ½º¿¡ ÇØ´ç ±â¼úÀ» »ç¿ëÇÏ¸é¼ ¹ßÀü½ÃÅ°°í ÀÖ´ÂÁö ¿©ºÎ·Î ´Ü¼øÈÇÒ ¼ö ÀÖ´Ù. ÀÌ °üÁ¡¿¡¼ ¸®¾×Æ®¿Í ¸®¾×Æ® ³×ÀÌƼºê´Â ÇöÀç À¯ÇàÇÏ´Â ±â¼ú Áß¿¡ °¡Àå ºÎÇÕÇÑ´Ù°í ¸»ÇÏ°í ½Í´Ù. ÆäÀ̽ººÏ¿¡¼ À̲ø°í ÀÖ´Â »ýÅ°è¿Í ÀÚ»ç ¼ºñ½º¿¡ Àû±ØÀûÀ¸·Î È°¿ëÇÏ¸é¼ ¹ßÀü½ÃÅ°°í ÀÖ´Â ¸ð½ÀÀº È®½ÇÈ÷ Ÿ ±â¼ú°ú´Â Â÷º°µÉ »Ó¸¸ ¾Æ´Ï¶ó Çö½ÇÀûÀ¸·Î °³¹ß ºñ¿ë Àý°¨, »ç¿ëÀÚ °æÇè À¯Áö µîÀÇ ¾î·Á¿î ¹®Á¦¸¦ È¿°úÀûÀ¸·Î Ç®°í ÀÖ´Ù°í Æò°¡ÇÑ´Ù. µ¶Àڵ鵵 ÀÌ Ã¥À» ÅëÇؼ ÀúÀÚ¿Í ¿ªÀÚÀÇ ÀÇ°ß¿¡ °ø°¨Çϱ⸦ Èñ¸ÁÇÑ´Ù.
¸ñÂ÷
1Àå. ¿Ö ¸®¾×Æ®Àΰ¡?
__¸®¾×Æ®¶õ?
____¸®¾×Æ®´Â ´ÜÁö ºä´Ù
__´Ü¼ø¼ºÀÌ ÁÁ´Ù
__¼±¾ðÀû UI ±¸Á¶
__½Ã°£°ú µ¥ÀÌÅÍ
__¼º´É ¹®Á¦
__¿Ã¹Ù¸¥ Ãß»óÈ ¼öÁØ
__¸®¾×Æ® 16ÀÇ º¯°æ »çÇ×
____ÇÙ½É ¾ÆÅ°ÅØó °³¼±
____»ý¸íÁֱ⠸޼µå
____ÄÁÅؽºÆ® API
____ÇÁ·¡±×¸ÕÆ® ·»´õ¸µ
____¸ñ·Ï°ú ¹®ÀÚ¿À» ·»´õ¸µ
__¿ä¾à
2Àå. JSX ·»´õ¸µ
__JSX¶õ ¹«¾ùÀΰ¡?
____Hello JSX
____¼±¾ðÀû UI ±¸Á¶
__HTML°ú °°Àº
____³»Àå HTML ű×
____HTML ÅÂ±× ±Ô¾à
__UI ±¸Á¶ ¼³¸í
__ÀÚ½ÅÀÇ JSX ¿ä¼Ò »ý¼º
____HTML ĸ½¶È
____Áßø ¿ä¼Ò
____³×ÀÓ½ºÆäÀ̽º ÄÄÆ÷³ÍÆ®
__ÀÚ¹Ù½ºÅ©¸³Æ® Ç¥Çö »ç¿ë
____µ¿Àû ÇÁ·ÎÆÛƼ °ª°ú ÅؽºÆ®
____Ä÷º¼ÇÀ» ¿ä¼Ò¿¡ ¸ÅÇÎ
__JSXÀÇ ÇÁ·¡±×¸ÕÆ®
____·¡ÆÛ ¿ä¼Ò
____ÇÁ·¡±×¸ÕÆ®¸¦ »ç¿ëÇØ ºÒÇÊ¿äÇÑ ÅÂ±× Á¦°Å
__¿ä¾à
3Àå. ÄÄÆ÷³ÍÆ® ÇÁ·ÎÆÛƼ, »óÅ ±×¸®°í ÄÁÅؽºÆ®
__ÄÄÆ÷³ÍÆ® »óŶõ ¹«¾ùÀΰ¡?
__ÄÄÆ÷³ÍÆ® ÇÁ·ÎÆÛƼ¶õ ¹«¾ùÀΰ¡?
__ÄÄÆ÷³ÍÆ® »óÅ ¼³Á¤
____Ãʱâ ÄÄÆ÷³ÍÆ® »óÅÂ
____ÄÄÆ÷³ÍÆ® »óÅ ¼³Á¤
____ÄÄÆ÷³ÍÆ® »óÅ º´ÇÕ
__ÇÁ·ÎÆÛƼ °ª Àü´ÞÇϱâ
____±âº» ÇÁ·ÎÆÛƼ °ª
____ÇÁ·ÎÆÛƼ °ª ¼³Á¤
__¹«»óÅ ÄÄÆ÷³ÍÆ®
____¼ø¼ö ÇÔ¼öÇü ÄÄÆ÷³ÍÆ®
____ÇÔ¼öÇü ÄÄÆ÷³ÍÆ® ±âº»°ª
__ÄÁÅ×ÀÌ³Ê ÄÄÆ÷³ÍÆ®
__ÄÁÅؽºÆ® Á¦°ø ¹× »ç¿ë
__¿ä¾à
4Àå. À̺¥Æ® Çڵ鸵 - ¸®¾×Æ® ¹æ½Ä
__À̺¥Æ® Çڵ鷯 ¼±¾ð
____Çڵ鷯 ÇÔ¼ö ¼±¾ð
____´ÙÁß À̺¥Æ® Çڵ鷯
____Á¦³×¸¯ Çڵ鷯 ÀÓÆ÷Æ®
__À̺¥Æ® Çڵ鷯 ÄÁÅؽºÆ®¿Í ¸Å°³º¯¼ö
____Auto-binding context
____ÄÄÆ÷³ÍÆ® µ¥ÀÌÅÍ °¡Á®¿À±â
__°íÂ÷ À̺¥Æ® Çڵ鷯
__ÀζóÀÎ À̺¥Æ® Çڵ鷯
__¿ä¼Ò¿¡ Çڵ鷯¸¦ ¹ÙÀεù
__ÅëÇÕ À̺¥Æ® °´Ã¼
__À̺¥Æ® Ç®¸µ
__¿ä¾à
5Àå. Àç»ç¿ëÇÒ ¼ö ÀÖ´Â ÄÄÆ÷³ÍÆ® Á¦ÀÛ
__Àç»ç¿ëÇÒ ¼ö ÀÖ´Â HTML ¿ä¼Ò
__ÀÏüÇü ÄÄÆ÷³ÍÆ®ÀÇ ¾î·Á¿ò
____JSX ¸¶Å©¾÷
____Ãʱ⠻óÅÂ¿Í »óÅ ÇïÆÛ
____À̺¥Æ® Çڵ鷯 ±¸Çö
__ÄÄÆ÷³ÍÆ® ±¸Á¶ ¸®ÆÑÅ丵
____JSX·Î ½ÃÀÛ
____article ¸ñ·Ï ÄÄÆ÷³ÍÆ® ±¸Çö
____article Ç׸ñ ÄÄÆ÷³ÍÆ® ±¸Çö
____article ÄÄÆ÷³ÍÆ® Ãß°¡ ±â´É ±¸Çö
____ÇÔ¼öÇü ÄÄÆ÷³ÍÆ® ¸¸µé±â
__·»´õ ÇÁ·Ó È°¿ë
__ÄÄÆ÷³ÍÆ® Æ®¸® ·»´õ¸µ
__±â´É ÄÄÆ÷³ÍÆ®¿Í À¯Æ¿¸®Æ¼ ÄÄÆ÷³ÍÆ®
__¿ä¾à
6Àå. ¸®¾×Æ® ÄÄÆ÷³ÍÆ® »ý¸íÁÖ±â
__ÄÄÆ÷³ÍÆ®´Â ¿Ö »ý¸íÁֱⰡ ÇÊ¿äÇÑ°¡?
__ÇÁ·ÎÆÛƼ¿Í »óÅ ÃʱâÈÇϱâ
____ÄÄÆ÷³ÍÆ® µ¥ÀÌÅÍ °¡Á®¿À±â
____ÇÁ·ÎÆÛƼ·Î »óÅ ÃʱâÈÇϱâ
____ÇÁ·ÎÆÛƼ·Î »óÅ ¾÷µ¥ÀÌÆ®Çϱâ
__·»´õ¸µ È¿À² ÃÖÀûÈ
____·»´õ¸µ ¿©ºÎ °áÁ¤
____·»´õ¸µ ÃÖÀûȸ¦ À§ÇÑ ¸ÞŸµ¥ÀÌÅÍÀÇ »ç¿ë
__¸í·ÉÇü ÄÄÆ÷³ÍÆ® ·»´õ¸µ
____Á¦ÀÌÄõ¸® UI À§Á¬ ·»´õ¸µ
__ÄÄÆ÷³ÍÆ®ÀÇ ÈÄó¸®
____ºñµ¿±â È£Ãâ Á¤¸®
____¿¡·¯ °æ°è
__¿ä¾à
7Àå. ÄÄÆ÷³ÍÆ® ÇÁ·ÎÆÛƼ °ËÁõ
__¿¹Ãø °ª ÆľÇ
__À̵¿ °¡´ÉÇÑ ÄÄÆ÷³ÍÆ®
__°£´ÜÇÑ ÇÁ·ÎÆÛƼ °ËÁõ±â
____±âº» À¯Çü °ËÁõ
____°ª ¿äû
____any ÇÁ·ÎÆÛƼ °ª
__À¯Çü°ú °ª °Ë»ç±â
____·»´õ¸µµÉ ¼ö ÀÖ´Â °Í
____ƯÁ¤ À¯Çü ¿äû
____ƯÁ¤ °ªÀ» ¿äû
__Ä¿½ºÅÒ ÇÁ·ÎÆÛƼ °ËÁõ±â ±¸Çö
__¿ä¾à
8Àå. ÄÄÆ÷³ÍÆ® È®Àå
__ÄÄÆ÷³ÍÆ® »ó¼Ó
____»óÅÂ »ó¼Ó
____ÇÁ·ÎÆÛƼ »ó¼Ó
____JSX ¹× À̺¥Æ® Çڵ鷯 »ó¼Ó
__°íÂ÷ ÄÄÆ÷³ÍÆ® ±¸¼º
____Á¶°ÇºÎ ÄÄÆ÷³ÍÆ® ·»´õ¸µ
____µ¥ÀÌÅÍ ¼Ò½º Á¦°ø
__¿ä¾à
9Àå. ¶ó¿ìÆ®¸¦ ÅëÇÑ ³»ºñ°ÔÀÌ¼Ç Ã³¸®
__¶ó¿ìÆ® ¼±¾ð
____Çï·Î ¶ó¿ìÆ®
____¶ó¿ìÆ® ¼±¾ð ºÐ¸®
____ºÎ¸ð¿Í ÀÚ½Ä ¶ó¿ìÆ®
__¶ó¿ìÅÍ ¸Å°³º¯¼ö ó¸®
____¶ó¿ìÆ®ÀÇ ¸®¼Ò½º ID
____¼±ÅÃÀû ¸Å°³º¯¼ö
__¸µÅ© ÄÄÆ÷³ÍÆ® »ç¿ë
____±âº» ¸µÅ©
____URL ¹× Äõ¸® ¸Å°³º¯¼ö
__¿ä¾à
10Àå. ¼¹ö´Ü ¸®¾×Æ® ÄÄÆ÷³ÍÆ®
__µ¿Çü ÀÚ¹Ù½ºÅ©¸³Æ®¶õ ¹«¾ùÀΰ¡?
____¼¹ö´Â ·»´õ¸µ ´ë»óÀÌ´Ù
____ÃÊ±â ·Îµå ¼º´É
____¹é¿£µå¿Í ÇÁ·ÐÆ®¿£µå °£ÀÇ ÄÚµå °øÀ¯
__¹®ÀÚ¿·Î ·»´õ¸µ
__¹é¿£µå ¶ó¿ìÆÃ
__ÇÁ·ÐÆ®¿£µå Á¶Á¤
__µ¥ÀÌÅÍ °¡Á®¿À±â
__¿ä¾à
11Àå. ¸ð¹ÙÀÏ ¿ì¼± ¸®¾×Æ® ÄÄÆ÷³ÍÆ®
__¸ð¹ÙÀÏ ¿ì¼± µðÀÚÀÎÀÇ ±Ù°Å
__React-bootstrap ÄÄÆ÷³ÍÆ® »ç¿ë
____³»ºñ°ÔÀÌ¼Ç ±¸Çö
____¸ñ·Ï
____Æû
__¿ä¾à
12Àå. ¿Ö ¸®¾×Æ® ³×ÀÌƼºêÀΰ¡?
__¸®¾×Æ® ³×ÀÌƼºê´Â ¹«¾ùÀΰ¡?
__¸®¾×Æ®¿Í JSX´Â Àͼ÷ÇÏ´Ù
__¸ð¹ÙÀÏ ºê¶ó¿ìÀú °æÇè
__°°À¸¸é¼ ´Ù¸¥ ¾Èµå·ÎÀ̵å¿Í iOS
__¸ð¹ÙÀÏ À¥ ¾ÖÇø®ÄÉÀÌ¼Ç »ç·Ê
__¿ä¾à
13Àå. ¸®¾×Æ® ³×ÀÌƼºê ÇÁ·ÎÁ§Æ® ½ÃÀÛÇϱâ
__create-react-native-app ¼³Ä¡ÇÏ°í »ç¿ëÇϱâ
__¸®¾×Æ® ³×ÀÌƼºê ¾Û »ý¼ºÇϱâ
__¾Û ½ÇÇàÇϱâ
__Expo ¼³Ä¡ÇÏ°í »ç¿ëÇϱâ
__½Ã¹Ä·¹ÀÌÅÍ »ç¿ëÇϱâ
____iOS ½Ã¹Ä·¹ÀÌÅÍ
____¾Èµå·ÎÀÌµå ½Ã¹Ä·¹ÀÌÅÍ
__¿ä¾à
14Àå. Ç÷º½º¹Ú½º·Î ¹ÝÀÀÇü ·¹À̾ƿô ¸¸µé±â
__Ç÷º½º¹Ú½º´Â »õ·Î¿î ·¹À̾ƿô Ç¥ÁØÀÌ´Ù
__¸®¾×Æ® ³×ÀÌƼºê ½ºÅ¸ÀÏ ¼Ò°³Çϱâ
__Ç÷º½º¹Ú½º ·¹À̾ƿô ¸¸µé±â
____´Ü¼øÇÑ ¼¼ ¿ ·¹À̾ƿô
____°³¼±µÈ ¼¼ ¿ ·¹À̾ƿô
____À¯¿¬ÇÑ Çà
____À¯¿¬ÇÑ ±×¸®µå
____À¯¿¬ÇÑ Çà°ú ¿
__¿ä¾à
15Àå. ȸé Ž»öÇϱâ
__Ž»ö ±âÃÊ
__¶ó¿ìÆ® ÀÎÀÚ
__Ž»ö Çì´õ
__ÅÇ°ú µå·Î¿ö Ž»ö
__»óÅ ´Ù·ç±â
__¿ä¾à
16Àå. Ç׸ñ ¸ñ·Ï ·»´õ¸µÇϱâ
__µ¥ÀÌÅÍ Ä÷º¼Ç ·»´õ¸µÇϱâ
__¸ñ·Ï Á¤·ÄÇÏ°í ÇÊÅ͸µÇϱâ
__¸ñ·Ï µ¥ÀÌÅÍ °¡Á®¿À±â
__Áö¿¬ ¸ñ·Ï ·Îµù
__¿ä¾à
17Àå. ÇÁ·Î±×·¹½º º¸¿©ÁÖ±â
__ÁøÇà »óȲ°ú »ç¿ë¼º
__ÇÁ·Î±×·¹½º Ç¥½ÃÇϱâ
__ÇÁ·Î±×·¹½º ÃøÁ¤Çϱâ
__Ž»ö ÀεðÄÉÀÌÅÍ
__´Ü°è ÇÁ·Î±×·¹½º
__¿ä¾à
18Àå. Áö¿À·ÎÄÉÀ̼ǰú ¸Ê
__³» À§Ä¡´Â ¾îµðÀΰ¡?
__ÁÖº¯¿¡´Â ¹«¾ùÀÌ ÀÖÀ»±î?
__°¡º¼ ¸¸ÇÑ °÷ ÁÖ¼®´Þ±â
____Æ÷ÀÎÆ® ¹èÄ¡Çϱâ
____¿À¹ö·¹ÀÌ ¹èÄ¡Çϱâ
__¿ä¾à
19Àå. »ç¿ëÀÚ ÀԷ¹ޱâ
__ÅؽºÆ® ÀԷ¹ޱâ
__¸ñ·Ï ¿É¼Ç ¼±ÅÃÇϱâ
__¿Â/¿ÀÇÁ Åä±Û¸µÇϱâ
__³¯Â¥/½Ã°£ ÀԷ¹ޱâ
__¿ä¾à
20Àå. ¾Ë¸², ÅëÁö, È®ÀÎ
__Áß¿äÇÑ Á¤º¸
__»ç¿ëÀÚ È®Àιޱâ
____¼º°ø È®ÀÎ
____¿¡·¯ È®ÀÎ
__¼öµ¿Àû ÅëÁö
__¾×ƼºñƼ ¸ð´Þ
__¿ä¾à
21Àå. »ç¿ëÀÚ Á¦½ºÃ³¿¡ ´ëÀÀÇϱâ
__¼Õ°¡¶ôÀ¸·Î ½ºÅ©·ÑÇϱâ
__ÅÍÄ¡ Çǵå¹éÁÖ±â
__½º¿ÍÀÌÇÁ °¡´É°ú Ãë¼Ò °¡´É
__¿ä¾à
22Àå. À̹ÌÁö Ãâ·Â Á¦¾îÇϱâ
__À̹ÌÁö ·ÎµùÇϱâ
__À̹ÌÁö ¸®»çÀÌÁîÇϱâ
__À̹ÌÁö Áö¿¬ ·ÎµùÇϱâ
__¾ÆÀÌÄÜ ·»´õ¸µÇϱâ
__¿ä¾à
23Àå. ¿ÀÇÁ¶óÀÎÀÇ ¼¼°è·Î
__³×Æ®¿öÅ© »óÅ °¨ÁöÇϱâ
__¾ÖÇø®ÄÉÀÌ¼Ç µ¥ÀÌÅÍ ÀúÀåÇϱâ
__¾ÖÇø®ÄÉÀÌ¼Ç µ¥ÀÌÅÍ µ¿±âÈÇϱâ
__¿ä¾à
24Àå. ¾ÖÇø®ÄÉÀÌ¼Ç »óÅ ´Ù·ç±â
__Á¤º¸ ¾ÆÅ°ÅØó¿Í Ç÷°½º
____´ÜÀÏ ¹æÇ⼺
____µ¿±â½Ä ¾÷µ¥ÀÌÆ® ¶ó¿îµå
____¿¹Ãø °¡´ÉÇÑ »óÅ º¯È¯
__ÅëÇÕ Á¤º¸ ¾ÆÅ°ÅØó
__¸®´ö½º ±¸ÇöÇϱâ
____Ãʱ⠾ÖÇø®ÄÉÀÌ¼Ç »óÅÂ
____½ºÅä¾î »ý¼ºÇϱâ
____½ºÅä¾î ÇÁ·Î¹ÙÀÌ´õ¿Í ¶ó¿ìÆ®
____¾Û ÄÄÆ÷³ÍÆ®
____Home ÄÄÆ÷³ÍÆ®
____¸ð¹ÙÀÏ ¾Û¿¡¼ÀÇ »óÅÂ
__¾ÆÅ°ÅØó È®ÀåÇϱâ
__¿ä¾à
25Àå. ¿Ö ¸±·¹ÀÌ¿Í ±×·¡ÇÁQLÀΰ¡?
__¶Ç ´Ù¸¥ Á¢±Ù¹ý?
__»õ·Î¿î ¿ë¾îµé
__¼±¾ðÇü µ¥ÀÌÅÍ ÀÇÁ¸¼º
__¾ÖÇø®ÄÉÀÌ¼Ç »óÅ º¯ÇüÇϱâ
__±×·¡ÇÁQL ¹é¿£µå¿Í ¸¶ÀÌÅ©·Î¼ºñ½º
__¿ä¾à
__TodoMVC¿Í ¸±·¹ÀÌ
26Àå. ¸±·¹ÀÌ ¸®¾×Æ® ¾Û ±¸ÇöÇϱâ
__±×·¡ÇÁQL ½ºÅ°¸¶
__¸±·¹ÀÌ ºÎÆ®½ºÆ®·¡ÇÎÇϱâ
__Todo Ç׸ñ Ãß°¡Çϱâ
__Todo Ç׸ñ ·»´õ¸µÇϱâ
__Todo Ç׸ñ ¿Ï¼ºÇϱâ
__¿ä¾à
ÀúÀÚ¼Ò°³
»ý³â¿ùÀÏ | - |
---|
10¿© ³â°£ ´ë±Ô¸ð ÀÚ¹Ù½ºÅ©¸³Æ® °³¹ß¿¡ Âü¿©ÇØ¿Ô´Ù. ÇÁ·ÐÆ® ¿£µå °³¹ß·Î À̵¿Çϱâ Àü¿¡´Â ÆÄÀ̽ã°ú ¸®´ª½º¸¦ »ç¿ëÇØ ¸î °¡Áö ´ë±Ô¸ð Ŭ¶ó¿ìµå ÄÄÇ»Æà Á¦Ç°À» °³¹ßÇß´Ù. º¹À⼺ÀÇ ¹®Á¦¿¡ Àͼ÷ÇÏ¸ç ¼ÒÇÁÆ®¿þ¾î ½Ã½ºÅÛ°ú ±×°ÍÀÌ °®°í ÀÖ´Â È®À强ÀÇ ¹®Á¦¿¡ ´ëÇÑ ½ÇÁúÀûÀÎ °æÇèÀÚ´Ù. ¡ºFlux Architecture¡»(Packt, 2016)¸¦ ºñ·ÔÇÑ ¿©·¯ ÀÚ¹Ù½ºÅ©¸³Æ® Ã¥ÀÇ ÀúÀÚÀ̸ç ÇöÀç Çõ½ÅÀûÀÎ »ç¿ëÀÚ °æÇè°ú °í¼º´É¿¡ ºüÁ® ÀÖ´Ù.
ÀúÀÚÀÇ ´Ù¸¥Ã¥
Àüüº¸±â»ý³â¿ùÀÏ | - |
---|
ÇØ´çÀÛ°¡¿¡ ´ëÇÑ ¼Ò°³°¡ ¾ø½À´Ï´Ù.
ÁÖ°£·©Å·
´õº¸±â»óÇ°Á¤º¸Á¦°ø°í½Ã
À̺¥Æ® ±âȹÀü
ÀÌ »óÇ°ÀÇ ½Ã¸®Áî
(ÃÑ 24±Ç / ÇöÀ籸¸Å °¡´Éµµ¼ 24±Ç)
Àü°øµµ¼/´ëÇб³Àç ºÐ¾ß¿¡¼ ¸¹Àº ȸ¿øÀÌ ±¸¸ÅÇÑ Ã¥
ÆǸÅÀÚÁ¤º¸
»óÈ£ |
(ÁÖ)±³º¸¹®°í |
---|---|
´ëÇ¥ÀÚ¸í |
¾Èº´Çö |
»ç¾÷ÀÚµî·Ï¹øÈ£ |
102-81-11670 |
¿¬¶ôó |
1544-1900 |
ÀüÀÚ¿ìÆíÁÖ¼Ò |
callcenter@kyobobook.co.kr |
Åë½ÅÆǸž÷½Å°í¹øÈ£ |
01-0653 |
¿µ¾÷¼ÒÀçÁö |
¼¿ïƯº°½Ã Á¾·Î±¸ Á¾·Î 1(Á¾·Î1°¡,±³º¸ºôµù) |
±³È¯/ȯºÒ
¹ÝÇ°/±³È¯ ¹æ¹ý |
¡®¸¶ÀÌÆäÀÌÁö > Ãë¼Ò/¹ÝÇ°/±³È¯/ȯºÒ¡¯ ¿¡¼ ½Åû ¶Ç´Â 1:1 ¹®ÀÇ °Ô½ÃÆÇ ¹× °í°´¼¾ÅÍ(1577-2555)¿¡¼ ½Åû °¡´É |
---|---|
¹ÝÇ°/±³È¯°¡´É ±â°£ |
º¯½É ¹ÝÇ°ÀÇ °æ¿ì Ãâ°í¿Ï·á ÈÄ 6ÀÏ(¿µ¾÷ÀÏ ±âÁØ) À̳»±îÁö¸¸ °¡´É |
¹ÝÇ°/±³È¯ ºñ¿ë |
º¯½É ȤÀº ±¸¸ÅÂø¿À·Î ÀÎÇÑ ¹ÝÇ°/±³È¯Àº ¹Ý¼Û·á °í°´ ºÎ´ã |
¹ÝÇ°/±³È¯ ºÒ°¡ »çÀ¯ |
·¼ÒºñÀÚÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óÇ° µîÀÌ ¼Õ½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì ·¼ÒºñÀÚÀÇ »ç¿ë, Æ÷Àå °³ºÀ¿¡ ÀÇÇØ »óÇ° µîÀÇ °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì ·º¹Á¦°¡ °¡´ÉÇÑ »óÇ° µîÀÇ Æ÷ÀåÀ» ÈѼÕÇÑ °æ¿ì ·½Ã°£ÀÇ °æ°ú¿¡ ÀÇÇØ ÀçÆǸŰ¡ °ï¶õÇÑ Á¤µµ·Î °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì ·ÀüÀÚ»ó°Å·¡ µî¿¡¼ÀÇ ¼ÒºñÀÚº¸È£¿¡ °üÇÑ ¹ý·üÀÌ Á¤ÇÏ´Â ¼ÒºñÀÚ Ã»¾àöȸ Á¦ÇÑ ³»¿ë¿¡ ÇØ´çµÇ´Â °æ¿ì |
»óÇ° Ç°Àý |
°ø±Þ»ç(ÃâÆÇ»ç) Àç°í »çÁ¤¿¡ ÀÇÇØ Ç°Àý/Áö¿¬µÉ ¼ö ÀÖÀ½ |
¼ÒºñÀÚ ÇÇÇغ¸»ó |
·»óÇ°ÀÇ ºÒ·®¿¡ ÀÇÇÑ ±³È¯, A/S, ȯºÒ, Ç°Áúº¸Áõ ¹× ÇÇÇغ¸»ó µî¿¡ °üÇÑ »çÇ×Àº¼ÒºñÀÚºÐÀïÇØ°á ±âÁØ (°øÁ¤°Å·¡À§¿øȸ °í½Ã)¿¡ ÁØÇÏ¿© ó¸®µÊ ·´ë±Ý ȯºÒ ¹× ȯºÒÁö¿¬¿¡ µû¸¥ ¹è»ó±Ý Áö±Þ Á¶°Ç, ÀýÂ÷ µîÀº ÀüÀÚ»ó°Å·¡ µî¿¡¼ÀǼҺñÀÚ º¸È£¿¡ °üÇÑ ¹ý·ü¿¡ µû¶ó ó¸®ÇÔ |
(ÁÖ)ÀÎÅÍÆÄÅ©Ä¿¸Ó½º´Â ȸ¿ø´ÔµéÀÇ ¾ÈÀü°Å·¡¸¦ À§ÇØ ±¸¸Å±Ý¾×, °áÁ¦¼ö´Ü¿¡ »ó°ü¾øÀÌ (ÁÖ)ÀÎÅÍÆÄÅ©Ä¿¸Ó½º¸¦ ÅëÇÑ ¸ðµç °Å·¡¿¡ ´ëÇÏ¿©
(ÁÖ)KGÀ̴Ͻýº°¡ Á¦°øÇÏ´Â ±¸¸Å¾ÈÀü¼ºñ½º¸¦ Àû¿ëÇÏ°í ÀÖ½À´Ï´Ù.
¹è¼Û¾È³»
±³º¸¹®°í »óÇ°Àº Åùè·Î ¹è¼ÛµÇ¸ç, Ãâ°í¿Ï·á 1~2Àϳ» »óÇ°À» ¹Þ¾Æ º¸½Ç ¼ö ÀÖ½À´Ï´Ù.
Ãâ°í°¡´É ½Ã°£ÀÌ ¼·Î ´Ù¸¥ »óÇ°À» ÇÔ²² ÁÖ¹®ÇÒ °æ¿ì Ãâ°í°¡´É ½Ã°£ÀÌ °¡Àå ±ä »óÇ°À» ±âÁØÀ¸·Î ¹è¼ÛµË´Ï´Ù.
±ººÎ´ë, ±³µµ¼Ò µî ƯÁ¤±â°üÀº ¿ìü±¹ Åù踸 ¹è¼Û°¡´ÉÇÕ´Ï´Ù.
¹è¼Ûºñ´Â ¾÷ü ¹è¼Ûºñ Á¤Ã¥¿¡ µû¸¨´Ï´Ù.