¿À¸®Áö³ÎÆÇÀÌ ÀÖ´Â °æ¿ì °³Á¤ÆÇÀ» ´Ù½Ã ±¸¸ÅÇÒ ÇÊ¿ä ¾øÀÌ ¿À¸®Áö³ÎÆÇÀ» ¾÷µ¥ÀÌÆ®ÇÏ¿© »ç¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù.
React Native¸¦ »ç¿ëÇÏ¿© Å©·Î½º Ç÷§Æû ¸ð¹ÙÀÏ ¾ÖÇø®ÄÉÀ̼ÇÀ» ±¸ÃàÇϱâ À§ÇÑ Á¾ÇÕ °¡À̵åÀÎ "¸®¾×Æ® ³×ÀÌƼºê"¿¡ ¿À½Å °ÍÀ» ȯ¿µÇÕ´Ï´Ù. ÀÌ Ã¥Àº React NativeÀÇ ±âÃʺÎÅÍ °í±Þ ±â¼ú±îÁö ü°èÀûÀ¸·Î ¼³¸íÇÏ¿© iOS ¹× Android¿ë ¼º´É°ú »ç¿ëÀÚ Ä£ÈÀûÀÎ ¾ÛÀ» Á¦ÀÛÇÒ ¼ö ÀÖµµ·Ï µµ¿ÍÁÝ´Ï´Ù. Ãʺ¸ÀÚÀÌµç ¼÷·ÃµÈ °³¹ßÀÚÀ̵ç ÀÌ Ã¥Àº ¸ðµÎ¸¦ À§ÇÑ ³»¿ëÀ» ´ã°í ÀÖ½À´Ï´Ù.
1Àå, '¸®¾×Æ® ³×ÀÌƼºê ¼Ò°³'¿¡¼´Â ¸®¾×Æ® ³×ÀÌƼºêÀÇ Á¤ÀÇ¿Í ÁÖ¿ä ±â´É, ´Ù¸¥ ÇÁ·¹ÀÓ¿öÅ©¿Í ºñ±³ÇÏ´Â ¹æ¹ýÀ» ¼³¸íÇÏ¿© ±âÃʸ¦ ´ÙÁý´Ï´Ù. ¶ÇÇÑ °³¹ß ȯ°æÀ» ¼³Á¤ÇÏ°í React Native¸¦ ±¸µ¿ÇÏ´Â ¾ÆÅ°ÅØó¸¦ ÀÌÇØÇÏ´Â ¹æ¹ýÀ» ¹è¿ó´Ï´Ù.
2Àå, 'React Native ½ÃÀÛÇϱâ'¿¡¼´Â ù ¹ø° ÇÁ·ÎÁ§Æ®¸¦ »ý¼ºÇÏ°í, µð·ºÅ丮 ±¸Á¶¸¦ ÀÌÇØÇÏ°í, ù ¹ø° ¾ÛÀ» ºôµåÇÏ´Â °úÁ¤À» ¾È³»ÇÕ´Ï´Ù. ¶ÇÇÑ ÀÌ Àå¿¡¼´Â React NativeÀÇ ÄÄÆ÷³ÍÆ®, JSX ¹× ½ºÅ¸Àϸµ ±âº» »çÇ×À» ¼Ò°³ÇÕ´Ï´Ù.
3Àå, 'ÇÙ½É ÄÄÆ÷³ÍÆ®¿Í API'¿¡¼´Â ºä, ÅؽºÆ®, À̹ÌÁö, ½ºÅ©·Ñºä ÄÄÆ÷³ÍÆ®¸¦ Æ÷ÇÔÇÑ React NativeÀÇ Çʼö ºôµù ºí·Ï¿¡ ´ëÇØ »ìÆ캾´Ï´Ù. ¶ÇÇÑ ¹ÝÀÀÇü µðÀÚÀÎÀ» À§ÇÑ Á¦½ºÃ³ ó¸®¿Í Ç÷º½º¹Ú½º ·¹À̾ƿô ±â¹ý¿¡ ´ëÇؼµµ ¹è¿ó´Ï´Ù.
4Àå, '¸®¾×Æ® ³×ÀÌƼºêÀÇ ³»ºñ°ÔÀ̼Ç'¿¡¼´Â ¸®¾×Æ® ³»ºñ°ÔÀ̼ÇÀ» »ç¿ëÇÑ ³»ºñ°ÔÀÌ¼Ç Àü·«À» »ìÆ캾´Ï´Ù. ½ºÅÃ, ÅÇ, µå·Î¾î Ž»ö°ú ÇÔ²² È¸é °£¿¡ ¸Å°³º¯¼ö¸¦ Àü´ÞÇÏ´Â ¹æ¹ýÀ» ´Ù·ì´Ï´Ù.
5Àå, '»óÅ °ü¸®'¿¡¼´Â »óÅÂ¿Í ÇÁ·ÎÆÛƼ, ·ÎÄà »óÅ °ü¸®¸¦ À§ÇÑ useState ÈÅ, Àü¿ª »óÅ °ü¸®¸¦ À§ÇÑ ÄÁÅؽºÆ® API¸¦ ¼Ò°³ÇÕ´Ï´Ù. ¶ÇÇÑ ´õ º¹ÀâÇÑ »óÅ ¿ä±¸»çÇ׿¡ Redux¸¦ »ç¿ëÇÏ´Â ¹æ¹ýµµ ¹è¿ó´Ï´Ù.
6Àå, '»ç¿ëÀÚ ÀԷ ó¸®Çϱâ'¿¡¼´Â ÅؽºÆ® ÀÔ·Â ÀÛ¾÷, Æû À¯È¿¼º °Ë»ç ±¸Çö, Å°º¸µå °ü¸®, »ç¿ëÀÚ Á¦½ºÃ³¸¦ È¿°úÀûÀ¸·Î ó¸®ÇÏ´Â ¹æ¹ýÀ» ´Ù·ì´Ï´Ù.
7Àå, '³×Æ®¿öÅ· ¹× API'¿¡¼´Â fetch ¹× Axios¿Í °°Àº µµ±¸¸¦ »ç¿ëÇÏ¿© API¿¡¼ µ¥ÀÌÅ͸¦ °¡Á®¿À°í °ü¸®ÇÏ´Â ¹æ¹ýÀ» ¾Ë·ÁÁÝ´Ï´Ù. ¶ÇÇÑ ¿À·ù ó¸®, »óÅ ·Îµù, RESTful ¼ºñ½º ¼Òºñ¸¦ À§ÇÑ ±â¼úµµ »ìÆ캾´Ï´Ù.
8Àå, 'µ¥ÀÌÅͺ£À̽º ÀÛ¾÷'¿¡¼´Â ·ÎÄà µ¥ÀÌÅÍ ½ºÅ丮Áö ¼Ö·ç¼Ç¿¡ ÁßÁ¡À» µÓ´Ï´Ù. ºñµ¿±â ½ºÅ丮Áö »ç¿ë, SQLite ÅëÇÕ, º¸´Ù °·ÂÇÑ µ¥ÀÌÅͺ£À̽º ¿ä±¸ »çÇ×À» À§ÇÑ Realm È°¿ë µîÀÇ ÁÖÁ¦¸¦ ´Ù·ì´Ï´Ù.
9Àå, '³×ÀÌƼºê ¸ðµâ°ú ¼µåÆÄƼ ¶óÀ̺귯¸®'¿¡¼´Â ³×ÀÌƼºê ¸ðµâ°ú ¼µåÆÄƼ ¶óÀ̺귯¸®·Î React NativeÀÇ ±â´ÉÀ» È®ÀåÇÏ´Â ¹æ¹ýÀ» ¼³¸íÇÕ´Ï´Ù. ¶óÀ̺귯¸®¸¦ ¿¬°áÇÏ°í »ç¿ëÀÚ Á¤ÀÇ ³×ÀÌƼºê UI ÄÄÆ÷³ÍÆ®¸¦ ±¸ÇöÇÏ´Â ¹æ¹ýÀ» ¹è¿ó´Ï´Ù.
10Àå, 'Å×½ºÆ® ¹× µð¹ö±ë'¿¡¼´Â µð¹ö±ë µµ±¸¿Í ±â¹ý, Jest¿Í EnzymeÀ» »ç¿ëÇÑ ´ÜÀ§ Å×½ºÆ®, Detox¸¦ »ç¿ëÇÑ ¿£µåÅõ¿£µå Å×½ºÆ®¿¡ ´ëÇØ ¼Ò°³ÇÕ´Ï´Ù. ¶ÇÇÑ ¼º´É ÃÖÀûȸ¦ À§ÇÑ Àü·«µµ »ìÆ캾´Ï´Ù.
11Àå, '¾Û ºôµå ¹× ¹èÆ÷'¿¡¼´Â ¾Û ¹èÆ÷¸¦ ÁغñÇÕ´Ï´Ù. ÇÁ·Î´ö¼Ç ºôµå ¸¸µé±â, iOS ¾Û ½ºÅä¾î ¹× Google Play ½ºÅä¾î¿¡ ¾Û Á¦ÃâÇϱâ, CodePush¸¦ »ç¿ëÇÑ ¹«¼± ¾÷µ¥ÀÌÆ® ±¸ÇöÇϱ⠵îÀÇ ÁÖÁ¦¸¦ ´Ù·ì´Ï´Ù.
12Àå, '°í±Þ ÁÖÁ¦'¿¡¼´Â ÈÄÅ©, ¾Ö´Ï¸ÞÀ̼Ç, µö¸µÅ· ¹× ±¹Á¦È(i18n)¿¡ ´ëÇØ ÀÚ¼¼È÷ »ìÆ캸°í React Native ¾ÖÇø®ÄÉÀ̼ǿ¡ Á¤±³ÇÑ ±â´ÉÀ» Ãß°¡ÇÒ ¼ö ÀÖµµ·Ï ÇÕ´Ï´Ù.
13Àå, 'Ä¿¹Â´ÏƼ ¹× Ãß°¡ ¸®¼Ò½º'¿¡¼´Â Ãß°¡ ÇнÀÀ» À§ÇÑ ¸®¼Ò½º, React Native Ä¿¹Â´ÏƼ¿¡ ´ëÇÑ ÀλçÀÌÆ®, °íÇ°Áú ¾Û °³¹ß ¹× À¯Áö °ü¸®¸¦ À§ÇÑ ¸ð¹ü »ç·Ê·Î Ã¥À» ¸¶¹«¸®ÇÕ´Ï´Ù.
ÀÌ Ã¥À» ´Ù ÀÐ°í ³ª¸é ù ¹ø° ¾Û ºôµåºÎÅÍ ÇÁ·Î´ö¼Ç Áö¿ø ¾ÖÇø®ÄÉÀÌ¼Ç ¹èÆ÷±îÁö React Native¿¡ ´ëÇØ ±íÀÌ ÀÖ°Ô ÀÌÇØÇÏ°Ô µÉ °ÍÀÔ´Ï´Ù. ÀÌ Ã¥À» ÅëÇØ ÃֽŠ»ç¿ëÀÚ ±â´ëÄ¡¸¦ ÃæÁ·ÇÏ´Â Å©·Î½º Ç÷§Æû ¾ÛÀ» ½±°í È¿À²ÀûÀ¸·Î Á¦ÀÛÇÒ ¼ö ÀÖ´Â ±â¼úÀ» °®Ãß°Ô µÉ °ÍÀÔ´Ï´Ù.
º» µµ¼´Â ÀΰøÁö´É ±â¹ÝÀ¸·Î °Ë»öµÈ ÄÜÅÙÃ÷¸¦ ¹ÙÅÁÀ¸·Î, ÀÏ¹Ý ¼½Ä, Áú¹®°ú ´äº¯, ¹®Á¦ Ç®ÀÌ µî ´Ù¾çÇÑ Çü½ÄÀ» ÅëÇØ ÇÙ½É °³³äÀ» ü°èÀûÀ¸·Î ¼³¸íÇÕ´Ï´Ù. µ¶ÀÚµéÀÌ °³³äÀ» º¸´Ù ½±°Ô ÀÌÇØÇÒ ¼ö ÀÖµµ·Ï, ¸í·áÇÏ°í °£°áÇÑ ±¸Á¶¸¦ À¯ÁöÇÏ¿´À¸¸ç, °¢ ¼Ò½º Äڵ忡 ÀûÇÕÇÑ ÇÏÀ̶óÀÌÆ® ±â´ÉÀ» Á¦°øÇÏ¿© °¡µ¶¼ºÀ» ±Ø´ëÈÇÏ¿´½À´Ï´Ù.
ÀÌ Ã¥Àº Á¾ÀÌÃ¥ ÇüÅ°¡ ¾Æ´Ñ EPUB ÀüÀÚÃ¥À¸·Î Á¦À۵Ǿî, ÀüÅëÀûÀÎ ÆäÀÌÁö ·¹À̾ƿô°ú´Â ´Ù¸¥, À¥ ±â¹ÝÀÇ È帧À» ÃëÇÏ°í ÀÖ½À´Ï´Ù. µû¶ó¼ Á¾ÀÌÃ¥°ú °°Àº ±¸¼º¿¡ Àͼ÷ÇÑ µ¶ÀÚ¶ó¸é ´Ù¼Ò ÀÌÁú°¨À» ´À³¥ ¼ö ÀÖ½À´Ï´Ù.
º» ÁÖÁ¦¿¡ óÀ½ Á¢ÇÏ´Â µ¶ÀÚ¿¡°Ô´Â ÀÌ µµ¼°¡ ´Ù¼Ò ¹æ´ëÇÑ ³»¿ë°ú ±íÀÌ ÀÖ´Â °³³äÀ» ´Ù·ç°í ÀÖ¾î ÁÖÁ¦¸¦ ÀÌÇØÇÏ´Â µ¥ ¾î·Á¿òÀ» ´À³¥ ¼ö ÀÖÀ¸¹Ç·Î, °ü·Ã ºÐ¾ß¿¡ ¾î´À Á¤µµ °æÇèÀÌ ÀÖ´Â µ¶Àڵ鿡°Ô ÀÌ Ã¥À» ±ÇÀåÇÕ´Ï´Ù. ±âÁ¸ Áö½ÄÀ» ³ÐÈ÷°íÀÚ ÇÏ´Â À̵鿡°Ô´Â ½ÉÈµÈ ÀÌÇØ¿Í Áö½ÄÀÇ È®ÀåÀ» µµ¿ï ¼ö ÀÖÀ» °ÍÀÔ´Ï´Ù.
1Àå : React Native ¼Ò°³
___1. React Native¶õ ¹«¾ùÀΰ¡?
___2. ÁÖ¿ä ±â´É ¹× ÀÌÁ¡
___3. °³¹ß ȯ°æ ¼³Á¤
___4. React Native ¾ÆÅ°ÅØó ÀÌÇØ
___5. ´Ù¸¥ ÇÁ·¹ÀÓ¿öÅ©¿ÍÀÇ ºñ±³
2Àå : React Native ½ÃÀÛÇϱâ
___1. »õ·Î¿î React Native ÇÁ·ÎÁ§Æ® ¸¸µé±â
___2. µð·ºÅ丮 ±¸Á¶ ¹× ÆÄÀÏ ±¸¼º
___3. ù ¹ø° ¾Û ½ÇÇà
___4. ±¸¼º ¿ä¼Ò ¹× JSX ÀÌÇØ
___5. React NativeÀÇ ½ºÅ¸ÀÏ ÁöÁ¤
3Àå : ÇÙ½É ±¸¼º ¿ä¼Ò ¹× API
___1. View ¹× Text ±¸¼º ¿ä¼Ò
___2. Image ¹× ScrollView ±¸¼º ¿ä¼Ò
___3. ÅÍÄ¡ °¡´ÉÇÑ ¿ä¼Ò ¹× Á¦½ºÃ³ ó¸®
___4. React NativeÀÇ Flexbox ·¹À̾ƿô
___5. SafeAreaView ±¸¼º ¿ä¼Ò »ç¿ë
4Àå : React NativeÀÇ ³»ºñ°ÔÀ̼Ç
___1. ¸®¾×Æ® ³»ºñ°ÔÀÌ¼Ç ¼Ò°³
___2. ½ºÅà ³»ºñ°ÔÀ̼Ç
___3. ÅÇ ³»ºñ°ÔÀ̼Ç
___4. µå·Î¾î ³»ºñ°ÔÀ̼Ç
___5. È¸é °£ ¸Å°³º¯¼ö Àü´Þ
5Àå : »óÅ °ü¸®
___1. »óÅÂ ¹× Props ¼Ò°³
___2. useState HookÀ» »ç¿ëÇÏ¿© ·ÎÄà »óÅ »ç¿ë
___3. »óÅ °ü¸®¸¦ À§ÇÑ Context API »ç¿ë
___4. Redux ¼Ò°³
___5. React Native¿¡¼ Redux »ç¿ë
6Àå : »ç¿ëÀÚ ÀԷ ó¸®
___1. ÅؽºÆ® ÀÔ·Â ±¸¼º ¿ä¼Ò
___2. Æû °ËÁõ ±â¼ú
___3. Å°º¸µå °ü¸®
___4. ÅÍÄ¡ ¹× Á¦½ºÃ³ ó¸®
7Àå : ³×Æ®¿öÅ· ¹× API
___1. API¿¡¼ µ¥ÀÌÅÍ °¡Á®¿À±â
___2. Axios ÀÛ¾÷
___3. API ÀÀ´ä °ü¸®
___4. ¿À·ù ó¸® ¹× »óÅ ·Îµå
___5. RESTful ¼ºñ½º »ç¿ë
8Àå : µ¥ÀÌÅͺ£À̽º ÀÛ¾÷
___1. ·ÎÄà µ¥ÀÌÅÍ ÀúÀå¼Ò ¼Ò°³
___2. AsyncStorage »ç¿ë
___3. SQLite¸¦ React Native¿Í ÅëÇÕ
___4. ·ÎÄà µ¥ÀÌÅͺ£À̽º ¼Ö·ç¼Ç¿¡ Realm »ç¿ë
9Àå : Native ¸ðµâ ¹× ¼µåÆÄƼ ¶óÀ̺귯¸®
___1. Native ¸ðµâ ÀÌÇØ
___2. React Native¿¡¼ ¶óÀ̺귯¸® ¿¬°á
___3. Àαâ ÀÖ´Â ¼µåÆÄƼ ¶óÀ̺귯¸®
___4. ³×ÀÌƼºê UI ÄÄÆ÷³ÍÆ® ±¸Çö
10Àå : Å×½ºÆ® ¹× µð¹ö±ë
___1. µð¹ö±ë µµ±¸ ¹× ±â¼ú
___2. Jest ¹× EnzymeÀ» »ç¿ëÇÑ ´ÜÀ§ Å×½ºÆ®
___3. Detox¸¦ »ç¿ëÇÑ Á¾´Ü °£ Å×½ºÆ®
___4. ¼º´É ÃÖÀûÈ Àü·«
11Àå : ¾Û ºôµå ¹× ¹èÆ÷
___1. ÇÁ·Î´ö¼Ç ºôµå Áغñ
___2. iOS ¹× Android¿ë ºôµå
___3. ¾Û ¹èÆ÷ ¹× ½ºÅä¾î Á¦Ãâ
___4. CodePush¸¦ »ç¿ëÇÑ ¹«¼± ¾÷µ¥ÀÌÆ®
12Àå : °í±Þ ÁÖÁ¦
___1. React Native¿¡¼ Hooks »ç¿ë
___2. ¾Ö´Ï¸ÞÀÌ¼Ç ¹× Á¦½ºÃ³ ½Ã½ºÅÛ
___3. React Native¿¡¼ µö ¸µÅ©
___4. React Native¿¡¼ ±¹Á¦È(i18n)
13Àå : Ä¿¹Â´ÏƼ ¹× Ãß°¡ ¸®¼Ò½º
___1. Ãß°¡ ÇнÀÀ» À§ÇÑ ¸®¼Ò½º
___2. Ä¿¹Â´ÏƼ ¹× Áö¿ø
___3. ¸¶Áö¸· ÆÁ ¹× ¸ð¹ü »ç·Ê