±¹³»µµ¼
ÄÄÇ»ÅÍ/ÀÎÅͳÝ
IT Àü¹®¼
ÇÁ·Î±×·¡¹Ö °³¹ß ¹æ¹ý·Ð
2013³â 9¿ù 9ÀÏ ÀÌÈÄ ´©Àû¼öÄ¡ÀÔ´Ï´Ù.
Á¤°¡ |
35,000¿ø |
---|
31,500¿ø (10%ÇÒÀÎ)
1,750P (5%Àû¸³)
ÇÒÀÎÇýÅÃ | |
---|---|
Àû¸³ÇýÅà |
|
|
|
Ãß°¡ÇýÅÃ |
|
À̺¥Æ®/±âȹÀü
¿¬°üµµ¼(31)
»çÀºÇ°(1)
ÀÌ»óǰÀÇ ºÐ·ù
Ã¥¼Ò°³
À¥°ú ³×ÀÌÆ¼ºê ¸ð¹ÙÀÏ °³¹ßÀ» À§ÇÑ ½ÇÀü Ȱ¿ë¹ý
¸®¾×Æ®´Â ÆäÀ̽ººÏÀÌ °³¹ßÇÑ À¥ °³¹ß ¶óÀ̺귯¸®·Î, ÇöÀç ÆäÀ̽ººÏÀÌ ÀÚ»ç ¼ºñ½º¿¡ Àû±ØÀûÀ¸·Î Ȱ¿ëÇÒ »Ó¸¸ ¾Æ´Ï¶ó ¼ö¸¹Àº °³¹ßÀÚµéÀÌ À¥ ¹× ¾Û °³¹ß¿¡ »ç¿ëÇϰí ÀÖ´Â ±â¼úÀÌ´Ù.
ÀÌ Ã¥Àº ¸®¾×Æ®¿¡ ´ëÇÑ Àü¹ÝÀûÀÎ ÀÌÇØ¿Í ±¸ÇöÀ» ÅëÇØ ¸ð¹ÙÀÏ ¾Û °³¹ßÀÌ °¡´ÉÇÑ ¸®¾×Æ® ³×ÀÌÆ¼ºê¸¦ ¼Ò°³ÇÏ¸ç ¾à°£ÀÇ ÀÚ¹Ù½ºÅ©¸³Æ® Áö½ÄÀ¸·Îµµ ÃæºÐÈ÷ ½ÃÀÛÇÒ ¼ö ÀÖ´Ù.
¸ÕÀú ¸®¾×Æ®ÀÇ °³³ä ¹× ·»´õ¸µ, ÄÄÆ÷³ÍÆ® Àç»ç¿ë, 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ÀÇ ÁøÁ¤ÇÑ ÀÌÁ¡Àº »óÅ ½ºÅ°¸¶°¡ À¥°ú ³×ÀÌÆ¼ºê ¹öÀüÀÇ ¾ÖÇø®ÄÉÀÌ¼Ç °£¿¡ °øÀ¯µÈ´Ù´Â °Í¿¡ ÀÖ´Ù´Â Á¡À» ¾Ë¾Æº»´Ù.
¸ñÂ÷
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 Ç׸ñ ¿Ï¼ºÇϱâ
¿ä¾à
º»¹®Áß¿¡¼
³ª´Â ¸ð¹ÙÀÏ ¾Û °³¹ß¿¡ º° °ü½ÉÀÌ ¾ø¾ú´Ù. ÀÌ¹Ì ¿©·¯ ÀåÄ¡¿¡ ¾ÛÀÌ ³ÑÃijª°í ÀÖ´Â »óȲ¿¡¼ ´õ ¸¹Àº ¾ÖÇø®ÄÉÀ̼ÇÀ» ¼³Ä¡ÇÒ Çʿ䰡 ¾ø´Ù°í »ý°¢Ç߱⠶§¹®ÀÌ´Ù. ±×·±µ¥ ¸®¾×Æ® ³×ÀÌÆ¼ºê°¡ ³ªÅ¸³ª°í À¥ ¾ÖÇø®ÄÉÀ̼ǿ¡ ¸®¾×Æ®°¡ »ç¿ëµÇ¸é¼ Àα⸦ ²ø¾ú´Ù. ³»°¡ ¼·Î ´Ù¸¥ µµ±¸, ȯ°æ ¹× ÇÁ·Î±×·¡¹Ö ¾ð¾î¸¦ »ç¿ëÇØ °°Àº ¾ÛÀÇ ¿©·¯ ¹öÀüÀ» À¯Áö °ü¸®ÇÏ´Â °ÍÀ» ÁÖÀúÇÏ´Â À¯ÀÏÇÑ °³¹ßÀÚ°¡ ¾Æ´Ï¶ó´Â »ç½ÇÀÌ ¹àÇôÁ³´Ù. ¸®¾×Æ® ³×ÀÌÆ¼ºê´Â À¥ °³¹ß °æÇèÀÇ °üÁ¡(¸®¾×Æ®)¿¡¼ Àß µ¿ÀÛÇÏ´Â °ÍÀ» °¡Á®¿Í ³×ÀÌÆ¼ºê ¾Û °³¹ß¿¡ Àû¿ëÇϱâ À§ÇØ ¸¸µé¾îÁ³´Ù. ³×ÀÌÆ¼ºê ¸ð¹ÙÀÏ ¾ÛÀº ºê¶ó¿ìÀúº¸´Ù ¿ì¼öÇÑ »ç¿ëÀÚ È¯°æÀ» Á¦°øÇÑ´Ù. ¸ð¹ÙÀÏ ¾ÛÀÌ ÇÊ¿ä ¾ø´Ù´Â ³ªÀÇ »ý°¢Àº Ʋ·È´Ù. ´çºÐ°£ ¸ð¹ÙÀÏ ¾ÛÀÌ ÇÊ¿äÇÏ´Ù. ÀÌ Ã¥Àº ±âº»ÀûÀ¸·Î À¥ ¸®¾×Æ® °³¹ßÀÚÀÌÀÚ °æÇèÀÌ ºÎÁ·ÇÑ ¸ð¹ÙÀÏ ¾Û °³¹ßÀڷμÀÇ ³ªÀÇ °æÇèÀ» ´ã°í ÀÖ´Ù. ¸®¾×Æ® ³×ÀÌÆ¼ºê´Â À¥¿¡ ´ëÇÑ ¸®¾×Æ®¸¦ ÀÌÇØÇϰí ÀÖ´Â °³¹ßÀÚ¶ó¸é ÀüȯÇϱⰡ ½±´Ù. ÀÌ Ã¥¿¡¼´Â µÎ ȯ°æ¿¡¼ ¸®¾×Æ®¸¦ °³¹ßÇÒ ¶§ÀÇ ¹Ì¹¦ÇÑ Â÷ÀÌ¿Í ¸®¾×Æ®ÀÇ °³³äÀû Å׸¶¸¦ ¹è¿ï ¼ö ÀÖ´Ù. ¸®¾×Æ®´Â ¹«¾ùÀ̵ç Ÿ±êÀÌ µÉ ¼ö ÀÖ´Â ´Ü¼øÇÑ ·»´õ¸µ Ãß»óÈ´Ù. ¿À´Ã³¯·Î µûÁö¸é ºê¶ó¿ìÀú¿Í ¸ð¹ÙÀÏ ÀåÄ¡´Ù. ¹Ì·¡¿¡´Â ¸ðµç °ÍÀÌ µÉ ¼ö ÀÖ´Ù.
('ÁöÀºÀÌÀÇ ¸»' Áß¿¡¼)
óÀ½ À¥ °³¹ßÀ» ½ÃÀÛÇÒ ¶§ ¼ø¼ö ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ »ç¿ëÇÏ´Ù Á¦ÀÌÄõ¸®¸¦ »ç¿ëÇÑ ¼ø°£ºÎÅÍ ¸ðµç À¥ ÇÁ·ÎÁ§Æ®´Â Á¦ÀÌÄõ¸®·Î °è¼Ó °³¹ßÇÒ ÁÙ ¾Ë¾Ò´Ù. ¹«¼öÈ÷ ¸¹Àº ¿¹Á¦ ÄÚµå¿Í Ç÷¯±×ÀÎ, DOM¿¡ ½¬¿î Á¢±Ù µî °³¹ßÀÚ°¡ »ç¿ëÇϱ⿡ ¹«Ã´ ½±°í °·ÂÇ߱⠶§¹®ÀÌ´Ù. ÇÏÁö¸¸ ÁøÇàÇÏ´Â ÇÁ·ÎÁ§Æ®ÀÇ ±Ô¸ð°¡ Ŭ¼ö·Ï ¹«ºÐº°ÇÑ DOM Á¢±ÙÀ¸·Î ÀÎÇØ ¾î·Á¿òÀ» °Þ¾úÀ¸¸ç, °á±¹ Çù¾÷ÀÇ ¼ö°¡ ¸¹¾ÆÁú¼ö·Ï º¹ÀâÇÔÀº ºñ·ÊÇß´Ù. ±×·¯´ø Áß SPA(Single Page Application) °³³äÀÌ µîÀåÇÏ¸é¼ º¸´Ù ü°èÈµÈ ÇÁ·ÐÆ®¿£µå °³¹ß ȯ°æÀÌ ¸¶·ÃµÆ´Ù. Ãʱ⿡ À̸¦ ±â¹ÝÀ¸·Î Á¦½ÃµÈ ±â¼úÀÌ Angular 1.0°ú ReactJS¿´À¸¸ç ÃÖ±Ù¿¡´Â VueJSµµ °¢±¤À» ¹Þ°í ÀÖ´Ù. Angular¿Í ReactJSÀÇ °¡Àå Å« Â÷ÀÌÁ¡Àº ÇÁ·¹ÀÓ¿öÅ©¿Í ¶óÀ̺귯¸®¶ó´Â °ÍÀ̾ú´Ù. ReactJS´Â Á¦½ÃµÈ ±â¼ú·Î¸¸ °³¹ßÇØ¾ß ÇÏ´Â ÇÁ·¹ÀÓ¿öÅ© ´ë½Å ÀÚÀ¯·Ó°Ô »ç¿ëÇÒ ¼ö ÀÖ´Â ¶óÀ̺귯¸®¸¦ Ãß±¸ÇßÀ¸¸ç ÀÌ ´Ü¼øÇÔÀÌ ÄÄÆ÷³ÍÆ®, JSX, °¡»ó DOMÀ» ÅëÇØ ´ë±Ô¸ð ÇÁ·ÐÆ®¿£µå °³¹ßÀ» ´õ¿í ü°èÀûÀ¸·Î °³¹ßÇÒ ¼ö ÀְԵǾú´Ù. ¸®¾×Æ®ÀÇ ¾ß¸ÁÀº ¿©±â¿¡¼ ±×Ä¡Áö ¾Ê¾Ò´Ù.
¸ð¹ÙÀÏ ¾Û °³¹ßÀº Áö¼ÓÀûÀ¸·Î ´Ù¾çÇÑ ¹æ¹ý·ÐÀÌ Ãâ¸ôÇß°í Ãâ¸ôÇϰí ÀÖ´Ù. À̰ÍÀº Å©°Ô ¸ð¹ÙÀÏ À¥, iOS, ¾Èµå·ÎÀ̵å¶ó´Â ¼¼ °³ÀÇ Ç÷§ÆûÀ» °¡Àå ÀûÀº ³ë·ÂÀ¸·Î °³¹ßÀ» Æ÷°ýÇϰíÀÚ ÇÏ´Â ¾Û °³¹ßÀÇ ¿å±¸¿¡¼ Ãâ¹ßÇÑ´Ù. ¾ÆÀÌ¿À´Ð°ú °°Àº ¸¹Àº ¾Û °³¹ß Ç÷§ÆûÀÌ À¥ ±â¼úÀ» ÅëÇØ À̰ÍÀ» ÇϳªÀÇ °æÇèÀ¸·Î ÅëÇÕÇϰíÀÚ Çß´Ù. ÀÌ·¯ÇÑ À¥ Áß½ÉÀÇ ±â¼úµéÀÌ ¿©ÀüÈ÷ ÁøÈÇϰí ÀÖÁö¸¸ ¿ì¸®°¡ ¾Ë°í ÀÖ´Â ¸¹Àº Àαâ ÀÖ´Â ¾ÛÀº ³×ÀÌÆ¼ºê ȯ°æ¿¡¼ °³¹ßµÇ°í ÀÖ´Ù. °ú°Å¿¡´Â À¥ ±â¼úÀ» ÅëÇØ °³¹ßµÈ ÇÏÀ̺긮µå ¾ÛÀÌ ¼Óµµ¿¡ ´ÜÁ¡ÀÌ ÀÖ¾ú´Ù¸é ÃÖ±Ù¿¡´Â ÀÌÁú°¨ ÀÖ´Â »ç¿ëÀÚ °æÇèÀÌ ÁÖµÈ ÀÌÀ¯ÀÌ´Ù. ÅëÀÏµÈ °æÇèÀº °á±¹ Ç÷§Æû °íÀ¯ÀÇ ÀåÁ¡À» ÀÒ¾î¹ö¸®¸é¼ ÀÌÁ¦´Â ¸ð¹ÙÀÏ Ç÷§Æû¿¡ ½Ê¿© ³â°£ Àͼ÷ÇØÁø »ç¿ëÀÚµéÀÌ ÀÌÁú°¨ ÀÖ´Â »ç¿ëÀÚ °æÇè¿¡ ¿Ü¸éÇϱ⠽ÃÀÛÇß´Ù. ¹®Á¦´Â ¾Õ¼ ¸»ÇÑ ³×ÀÌÆ¼ºê ȯ°æ¿¡¼ÀÇ °³¹ßÀº ÀÌ ´ÜÁ¡À» ´ëºÎºÐ ±Øº¹ÇÏ´Â ´ë½Å °á±¹ ¿©ÀüÈ÷ ¸¹Àº ³ë·Â°ú ½Ã°£ÀÌ µé¾î°£´Ù´Âµ¥ º¯ÇÔÀÌ ¾ø´Ù´Â Á¡ÀÌ´Ù. ¸®¾×Æ®´Â ¿©±â¼ ¸®¾×Æ® ³×ÀÌÆ¼ºê¶ó´Â °³³äÀ» Á¦¾ÈÇÑ´Ù. ¸®¾×Æ® ³×ÀÌÆ¼ºê´Â ÀÚ¹Ù½ºÅ©¸³Æ®¶ó´Â ÇϳªÀÇ ¾ð¾î¿Í ±â¼úÀ» »ç¿ëÇÏ¸é¼ Ç÷§Æû °íÀ¯ÀÇ ³×ÀÌÆ¼ºê ÄÄÆ÷³ÍÆ®¸¦ Ȱ¿ëÇÑ´Ù´Â µ¥¿¡ ´Ù¸¥ ¸ð¹ÙÀÏ À¥ ÇÁ·¹ÀÓ¿öÅ©¿Í´Â Â÷º°È¸¦ µÐ´Ù. À̰ÍÀº »ç¿ëÀÚ °æÇè Ãø¸é¿¡¼ Ç÷§Æû ÀÌÁú°¨À̶ó´Â ¹®Á¦¸¦ ¿µ¸®ÇÏ°Ô ÇØ°áÇß´Ù. ¶ÇÇÑ ÀÌ ±â¼úÀº ½ÇÁ¦·Î ÆäÀ̽ººÏÀÌ ÀνºÅ¸±×·¥ µîÀ» °³¹ßÇϴµ¥ Àû±ØÀûÀ¸·Î »ç¿ëÇϰí ÀÖ´Â Çö¿ª ±â¼úÀÌ´Ù. Çö¿ª ±â¼úÀ̶ó´Â Àǹ̰¡ ÃÖ±Ù¿¡´Â ÂüÀ¸·Î Áß¿äÇÏ´Ù. ³¯¸¶´Ù ÃâÇöÇÏ´Â À¥ ÇÁ·¹ÀÓ¿öÅ©°¡ ½ÇÁ¦·Î´Â °³¹ßÇÑ ÁÖüÁ¶Â÷ »ç¿ëÇÏÁö ¾Ê´Ù°¡ »çÀåµÈ´Ù. À̰ÍÀº ±â¼úÀÇ ÀåÁ¡À» ¹Ï°í ¼±ÅÃÇÑ »ç¶÷µé¿¡°Ô´Â Å©³ªÅ« »ó½ÇÀÌ´Ù. ÀÌ·¸°Ô ±â¼úÀÇ ¼±ÅÃÀÌ Áß¿äÇÏ°í °í¹Î½º·¯¿î »óȲ¿¡¼ ¸®¾×Æ® ÇÁ·ÎÁ§Æ®¸¦ À̲ø°í ÀÖ´Â ÆäÀ̽ººÏ¿¡¼ ÀνºÅ¸±×·¥À» ºñ·ÔÇÑ ÀÚ»çÀÇ ¼ºñ½º¿¡ Àû±ØÀûÀ¸·Î ¸®¾×Æ®¿Í ¸®¾×Æ® ³×ÀÌÆ¼ºê¸¦ Àû¿ëÇϰí ÀÖ´Ù´Â Á¡Àº ±â¼úÀÌ À¯ÁöµÉ °ÍÀ̶ó´Â ½Å·Ú¸¦ Áָ鼵µ ¼ºñ½ºÀÇ ¼ºÀå°ú ´õºÒ¾î ²ÙÁØÈ÷ ±× ÇѰ谡 ±Øº¹µÉ °ÍÀ̶ó´Â ±â´ë¸¦ °®°Ô ÇÑ´Ù.
ÀÚ¹Ù½ºÅ©¸³Æ®´Â ¸í½Ç°øÈ÷ °¡Àå Àαâ ÀÖ´Â ¾ð¾î°¡ µÇ¾ú´Ù. ¹é¿£µå¸¦ ±¸ÇöÇÒ ¼ö ÀÖ´Â NodeJS¶ó´Â ±â¼úÀÇ ÃâÇöºÎÅÍ À¥, ¸ð¹ÙÀÏ Ç÷§ÆûÀ» Æ÷°ýÇϰíÀÚ ÇÏ´Â ²ÙÁØÇÑ »ýŰèÀÇ ³ë·Â¿¡ ±âÀÎÇÑ´Ù. ºü¸¥ ½ÇÆÐ°¡ ºñÁî´Ï½º °æÇè ¹ýÄ¢À¸·Î ±»¾îÁö°í ÀÖ´Â IT ¼ºñ½º ºÐ¾ß¿¡¼ ÀÚ¹Ù½ºÅ©¸³Æ®´Â ºü¸¥ ÇÁ·ÎÅäŸÀÌÇΰú ¼ºñ½º Ãâ½Ã¶ó´Â ´ÏÁî¿¡ °¡Àå ºÎÇյDZ⠶§¹®¿¡ Àα⸦ ´©¸°´Ù°í º¼ ¼ö ÀÖ´Ù. ¹®Á¦´Â Àαâ¿Í ´õºÒ¾î ³¸³Çϰí ÀÖ´Â ¼ö¸¹Àº ÀÚ¹Ù½ºÅ©¸³Æ® ±â¼ú Áß ¾î¶² °ÍÀ» ¼±ÅÃÇØ¾ß ÇÏ´Â °ÍÀΰ¡¿¡ ´ëÇÑ Ãß°¡ÀûÀÎ ¾î·Á¿î °í¹ÎÀ» ´øÁø´Ù. ¿ªÀÚ´Â °æÇè»ó ±â¼úÀ» ÁÖÀåÇÏ´Â Çõ½Å¼ºº¸´Ù °¡Àå À§ÇèÀÌ ÀûÀº ±â¼úÀ» ¼±ÅÃÇ϶ó°í Á¶¾ðÇÑ´Ù. °¡Àå À§ÇèÀÌ ÀûÀº ±â¼úÀ̶õ ÀÌ¹Ì °ËÁõµÈ »ýŰèÀÇ Á¸Àç À¯¹«¿Í ÇÁ·ÎÁ§Æ® ÁÖü°¡ ½ÇÁ¦·Î ÀÚ»çÀÇ ´ë±Ô¸ð ¼ºñ½º¿¡ ÇØ´ç ±â¼úÀ» »ç¿ëÇÏ¸é¼ ¹ßÀü½Ã۰í ÀÖ´ÂÁö ¿©ºÎ·Î ´Ü¼øÈÇÒ ¼ö ÀÖ´Ù. ÀÌ °üÁ¡¿¡¼ ¸®¾×Æ®¿Í ¸®¾×Æ® ³×ÀÌÆ¼ºê´Â ÇöÀç À¯ÇàÇÏ´Â ±â¼ú Áß¿¡ °¡Àå ºÎÇÕÇÑ´Ù°í ¸»ÇÏ°í ½Í´Ù. ÆäÀ̽ººÏ¿¡¼ À̲ø°í ÀÖ´Â »ýŰè¿Í ÀÚ»ç ¼ºñ½º¿¡ Àû±ØÀûÀ¸·Î Ȱ¿ëÇÏ¸é¼ ¹ßÀü½Ã۰í ÀÖ´Â ¸ð½ÀÀº È®½ÇÈ÷ Ÿ ±â¼ú°ú´Â Â÷º°µÉ »Ó¸¸ ¾Æ´Ï¶ó Çö½ÇÀûÀ¸·Î °³¹ß ºñ¿ë Àý°¨, »ç¿ëÀÚ °æÇè À¯Áö µîÀÇ ¾î·Á¿î ¹®Á¦¸¦ È¿°úÀûÀ¸·Î Ç®°í ÀÖ´Ù°í Æò°¡ÇÑ´Ù. µ¶Àڵ鵵 ÀÌ Ã¥À» ÅëÇØ¼ ÀúÀÚ¿Í ¿ªÀÚÀÇ Àǰ߿¡ °ø°¨Çϱ⸦ Èñ¸ÁÇÑ´Ù.
('¿Å±äÀÌÀÇ ¸»' Áß¿¡¼)
ÀúÀÚ¼Ò°³
»ý³â¿ùÀÏ | - |
---|---|
Ãâ»ýÁö | - |
Ãâ°£µµ¼ | 6Á¾ |
ÆÇ¸Å¼ö | 96±Ç |
°ÅÀÇ 10³â µ¿¾È ´ë±Ô¸ð ÀÚ¹Ù½ºÅ©¸³Æ® °³¹ß ÀÛ¾÷¿¡ Âü¿©ÇؿԴÙ. ÇÁ·ÐÆ®¿£µå·Î ¿Å±â±â Àü¿¡´Â ÆÄÀ̽ã°ú ¸®´ª½º¸¦ »ç¿ëÇÏ´Â ¿©·¯ °¡Áö ´ë±Ô¸ð Ŭ¶ó¿ìµå ÄÄÇ»ÆÃ Á¦Ç°À» ¿¬±¸Çß´Ù. º¹À⼺À» Àß ¾Ë°í ÀÖÀ¸¸é¼ ½ÇÁ¦ ¼ÒÇÁÆ®¿þ¾î ½Ã½ºÅÛ°ú À̵éÀÌ Á¦±âÇÏ´Â È®Àå ¹®Á¦¿¡ ´ëÇÑ ½ÇÁúÀûÀÎ °æÇèÀ» °®°í ÀÖ´Ù. ¡º¸®¾×Æ® & ¸®¾×Æ® ³×ÀÌÆ¼ºê ÅëÇÕ ±³°ú¼¡»(¿¡ÀÌÄÜ, 2019)¸¦ ºñ·ÔÇÑ ¿©·¯ ÀÚ¹Ù½ºÅ©¸³Æ® ¼ÀûÀ» Àú¼úÇßÀ¸¸ç, Çõ½ÅÀûÀÎ »ç¿ëÀÚ °æÇè°ú °í¼º´ÉÀ» Ãß±¸ÇÏ´Â µ¥ ¿Á¤ÀûÀÌ´Ù.
ÀúÀÚÀÇ ´Ù¸¥Ã¥
Àüüº¸±â¿¹Á¦·Î ÀÍÈ÷´Â Á¦ÀÌÄõ¸® 3 - 5/e
»ý³â¿ùÀÏ | - |
---|---|
Ãâ»ýÁö | - |
Ãâ°£µµ¼ | 0Á¾ |
ÆÇ¸Å¼ö | 0±Ç |
ÇØ´çÀÛ°¡¿¡ ´ëÇÑ ¼Ò°³°¡ ¾ø½À´Ï´Ù.
¿ªÀÚÀÇ ´Ù¸¥Ã¥
Àüüº¸±âÁÖ°£·©Å·
´õº¸±â»óǰÁ¤º¸Á¦°ø°í½Ã
À̺¥Æ® ±âȹÀü
ÀÌ »óǰÀÇ ½Ã¸®Áî
(ÃÑ 32±Ç / ÇöÀ籸¸Å °¡´Éµµ¼ 32±Ç)
ÄÄÇ»ÅÍ/ÀÎÅÍ³Ý ºÐ¾ß¿¡¼ ¸¹Àº ȸ¿øÀÌ ±¸¸ÅÇÑ Ã¥
¸®ºä
±¸¸Å ÈÄ ¸®ºä ÀÛ¼º ½Ã, ºÏÇǴϾð Áö¼ö ÃÖ´ë 600Á¡
±â´ëÆò
±â´ëÆò
±³È¯/ȯºÒ
±³È¯/ȯºÒ ¹æ¹ý |
¡®¸¶ÀÌÆäÀÌÁö > Ãë¼Ò/¹Ýǰ/±³È¯/ȯºÒ¡¯ ¿¡¼ ½ÅûÇÔ, 1:1 ¹®ÀÇ °Ô½ÃÆÇ ¶Ç´Â °í°´¼¾ÅÍ(1577-2555) ÀÌ¿ë °¡´É |
---|---|
±³È¯/ȯºÒ °¡´É ±â°£ |
°í°´º¯½ÉÀº Ãâ°í¿Ï·á ´ÙÀ½³¯ºÎÅÍ 14ÀÏ ±îÁö¸¸ ±³È¯/ȯºÒÀÌ °¡´ÉÇÔ |
±³È¯/ȯºÒ ºñ¿ë |
°í°´º¯½É ¶Ç´Â ±¸¸ÅÂø¿ÀÀÇ °æ¿ì¿¡¸¸ 2,500¿ø Åùèºñ¸¦ °í°´´ÔÀÌ ºÎ´ãÇÔ |
±³È¯/ȯºÒ ºÒ°¡»çÀ¯ |
¹ÝǰÁ¢¼ö ¾øÀÌ ¹Ý¼ÛÇϰųª, ¿ìÆíÀ¸·Î º¸³¾ °æ¿ì »óǰ È®ÀÎÀÌ ¾î·Á¿ö ȯºÒÀÌ ºÒ°¡ÇÒ ¼ö ÀÖÀ½ |
¼ÒºñÀÚ ÇÇÇØº¸»ó |
¼ÒºñÀÚ ÇÇÇØº¸»óÀÇ ºÐÀïó¸® µî¿¡ °üÇÑ »çÇ×Àº ¼ÒºñÀÚºÐÀïÇØ°á±âÁØ(°øÁ¤°Å·¡À§¿øÈ¸ °í½Ã)¿¡ µû¶ó ºñÇØ º¸»ó ¹ÞÀ» ¼ö ÀÖÀ½ |
±âŸ |
µµ¸Å»ó ¹× Á¦ÀÛ»ç »çÁ¤¿¡ µû¶ó ǰÀý/ÀýÆÇ µîÀÇ »çÀ¯·Î ÁÖ¹®ÀÌ Ãë¼ÒµÉ ¼ö ÀÖÀ½(ÀÌ °æ¿ì ÀÎÅÍÆÄÅ©µµ¼¿¡¼ °í°´´Ô²² º°µµ·Î ¿¬¶ôÇÏ¿© °íÁöÇÔ) |
¹è¼Û¾È³»
ÀÎÅÍÆÄÅ© µµ¼ »óǰÀº Åùè·Î ¹è¼ÛµÇ¸ç, Ãâ°í¿Ï·á 1~2Àϳ» »óǰÀ» ¹Þ¾Æ º¸½Ç ¼ö ÀÖ½À´Ï´Ù
Ãâ°í°¡´É ½Ã°£ÀÌ ¼·Î ´Ù¸¥ »óǰÀ» ÇÔ²² ÁÖ¹®ÇÒ °æ¿ì Ãâ°í°¡´É ½Ã°£ÀÌ °¡Àå ±ä »óǰÀ» ±âÁØÀ¸·Î ¹è¼ÛµË´Ï´Ù.
±ººÎ´ë, ±³µµ¼Ò µî ƯÁ¤±â°üÀº ¿ìü±¹ Åù踸 ¹è¼Û°¡´ÉÇÏ¿©, ÀÎÅÍÆÄÅ© ¿Ü Ÿ¾÷ü ¹è¼Û»óǰÀÎ °æ¿ì ¹ß¼ÛµÇÁö ¾ÊÀ» ¼ö ÀÖ½À´Ï´Ù.
¹è¼Ûºñ
µµ¼(Áß°íµµ¼ Æ÷ÇÔ) ±¸¸Å |
2,000¿ø (1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û) |
---|---|
À½¹Ý/DVD/ÀâÁö/¸¸È ±¸¸Å |
2,000¿ø (2¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û) |
µµ¼¿Í À½¹Ý/DVD/ÀâÁö/¸¸È/ |
2,000¿ø (1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û) |
¾÷üÁ÷Á¢¹è¼Û»óǰ ±¸¸Å |
¾÷üº° »óÀÌÇÑ ¹è¼Ûºñ Àû¿ë |