- ÇöÀç À§Ä¡
- home > ÄÄÇ»ÅÍ¡¤ICT¡¤¾îÇÐ > ÄÄÇ»ÅÍ¡¤IT µµ¼ > À¥»çÀÌÆ® > ·¯´× ¸®¾×Æ®(Learning React)(2ÆÇ)[ÇѺû¹Ìµð¾î]
È¿À²ÀûÀÎ ¸®¾×Æ® ¾ÖÇø®ÄÉÀÌ¼Ç ÀÛ¼º¹ýÀ» °£°áÇÏ°í ½±°í ºü¸£°Ô ¹è¿ì±â
ºê¶ó¿ìÀú¿¡¼ ÀÛµ¿ÇÏ´Â ÀÚ¹Ù½ºÅ©¸³Æ®, CSS, HTMLÀ» ¾Æ´Â À¥ °³¹ßÀÚ³ª ¼ÒÇÁÆ®¿þ¾î ¿£Áö´Ï¾î¿¡°Ô ÀÌ»óÀûÀÎ ÀÌ Ã¥Àº ÃֽŠ¸®¾×Æ® Äڵ带 ÀÛ¼ºÇϱâ À§ÇÑ ¸ð¹ü »ç·Ê¿Í ÆÐÅÏÀ» ¼Ò°³ÇÑ´Ù. ¸®¾×Æ®³ª ÇÔ¼öÇü ÀÚ¹Ù½ºÅ©¸³Æ®¿¡ ´ëÇÑ Áö½ÄÀÌ ¾ø´Â ÀÔ¹®ÀÚµµ ÀÌ Ã¥À» ÅëÇØ ¸®¾×Æ®¸¦ Á¦´ë·Î ¾²´Â ¹ýÀ» ¹è¿ï ¼ö ÀÖ´Ù.
ÀÌ Ã¥Àº ´ë±Ô¸ð µ¥ÀÌÅÍ ±â¹Ý À¥»çÀÌÆ®¿¡¼ ÆäÀÌÁö¸¦ ´Ù½Ã ¿äûÇÏÁö ¾Ê°íµµ µ¥ÀÌÅÍ º¯È¿¡ µû¶ó ȸéÀ» ±³¹¦ÇÏ°Ô º¯°æÇÏ´Â UI Á¦ÀÛ¹ýÀ» ÇнÀ ·Îµå¸Ê¿¡ ¸ÂÃç Â÷±ÙÂ÷±Ù ¼³¸íÇÑ´Ù. ±× °úÁ¤¿¡¼ ÇÔ¼öÇü ÇÁ·Î±×·¡¹Ö°ú ÃֽŠECMAScript ±â´ÉÀ» ´Ù¾çÇÑ ¿¹Á¦¿Í ÇÔ²² ¾È³»ÇÑ´Ù.
ºê¶ó¿ìÀú¿¡¼ ÀÛµ¿ÇÏ´Â ÀÚ¹Ù½ºÅ©¸³Æ®, CSS, HTMLÀ» ¾Æ´Â À¥ °³¹ßÀÚ³ª ¼ÒÇÁÆ®¿þ¾î ¿£Áö´Ï¾î¿¡°Ô ÀÌ»óÀûÀÎ ÀÌ Ã¥Àº ÃֽŠ¸®¾×Æ® Äڵ带 ÀÛ¼ºÇϱâ À§ÇÑ ¸ð¹ü »ç·Ê¿Í ÆÐÅÏÀ» ¼Ò°³ÇÑ´Ù. ¸®¾×Æ®³ª ÇÔ¼öÇü ÀÚ¹Ù½ºÅ©¸³Æ®¿¡ ´ëÇÑ Áö½ÄÀÌ ¾ø´Â ÀÔ¹®ÀÚµµ ÀÌ Ã¥À» ÅëÇØ ¸®¾×Æ®¸¦ Á¦´ë·Î ¾²´Â ¹ýÀ» ¹è¿ï ¼ö ÀÖ´Ù.
ÀÌ Ã¥Àº ´ë±Ô¸ð µ¥ÀÌÅÍ ±â¹Ý À¥»çÀÌÆ®¿¡¼ ÆäÀÌÁö¸¦ ´Ù½Ã ¿äûÇÏÁö ¾Ê°íµµ µ¥ÀÌÅÍ º¯È¿¡ µû¶ó ȸéÀ» ±³¹¦ÇÏ°Ô º¯°æÇÏ´Â UI Á¦ÀÛ¹ýÀ» ÇнÀ ·Îµå¸Ê¿¡ ¸ÂÃç Â÷±ÙÂ÷±Ù ¼³¸íÇÑ´Ù. ±× °úÁ¤¿¡¼ ÇÔ¼öÇü ÇÁ·Î±×·¡¹Ö°ú ÃֽŠECMAScript ±â´ÉÀ» ´Ù¾çÇÑ ¿¹Á¦¿Í ÇÔ²² ¾È³»ÇÑ´Ù.
ÀúÀÚ: ¾Ë·º½º ¹ðÅ©½º
CHAPTER 1 ¸®¾×Æ® ¼Ò°³
1.1 Æ°Æ°ÇÑ Åä´ë
1.2 ¸®¾×Æ®ÀÇ °ú°Å¿Í ¹Ì·¡
1.3 ÄÚµå ¿¹Á¦ »ç¿ë¹ý
CHAPTER 2 ¸®¾×Æ®¸¦ À§ÇÑ ÀÚ¹Ù½ºÅ©¸³Æ®
2.1 º¯¼ö ¼±¾ðÇϱâ
2.2 ÇÔ¼ö ¸¸µé±â
2.3 ÀÚ¹Ù½ºÅ©¸³Æ® ÄÄÆÄÀÏÇϱâ
2.4 °´Ã¼¿Í ¹è¿
2.5 ºñµ¿±â ÀÚ¹Ù½ºÅ©¸³Æ®
2.6 Ŭ·¡½º
2.7 ES6 ¸ðµâ
CHAPTER 3 ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ È°¿ëÇÑ ÇÔ¼öÇü ÇÁ·Î±×·¡¹Ö
3.1 ÇÔ¼öÇüÀ̶õ ¹«¾ùÀΰ¡?
3.2 ¸í·ÉÇü ÇÁ·Î±×·¡¹Ö°ú ¼±¾ðÀû ÇÁ·Î±×·¡¹Ö ºñ±³
3.3 ÇÔ¼öÇü ÇÁ·Î±×·¡¹ÖÀÇ °³³ä
CHAPTER 4 ¸®¾×Æ®ÀÇ ÀÛµ¿ ¿ø¸®
4.1 ÆäÀÌÁö ¼³Á¤
4.2 ¸®¾×Æ® ¿¤¸®¸ÕÆ®
4.3 ReactDOM
4.4 ¸®¾×Æ® ÄÄÆ÷³ÍÆ®
CHAPTER 5 JSX¸¦ »ç¿ëÇÏ´Â ¸®¾×Æ®
5.1 JSX·Î ¸®¾×Æ® ¿¤¸®¸ÕÆ® Á¤ÀÇÇϱâ
5.2 ¹Ùº§
5.3 JSX·Î ÀÛ¼ºÇÑ Á¶¸®¹ý
5.4 ¸®¾×Æ® ÇÁ·¡±×¸ÕÆ®
5.5 À¥ÆÑ ¼Ò°³
CHAPTER 6 ¸®¾×Æ® »óÅ °ü¸®
6.1 º°Á¡ ÄÄÆ÷³ÍÆ® ¸¸µé±â
6.2 useState ÈÅ
6.3 Àç»ç¿ë¼ºÀ» ³ôÀ̱â À§ÇÑ ¸®ÆÑÅ͸µ
6.4 ÄÄÆ÷³ÍÆ® Æ®¸® ¾ÈÀÇ »óÅÂ
6.5 Æû ¸¸µé±â
6.6 ¸®¾×Æ® ÄÜÅؽºÆ®
CHAPTER 7 ÈŽº·Î ÄÄÆ÷³ÍÆ® °³¼±Çϱâ
7.1 useEffect ¼Ò°³
CHAPTER 8 µ¥ÀÌÅÍ Æ÷ÇÔ½ÃÅ°±â
8.1 µ¥ÀÌÅÍ ¿äûÇϱâ
8.2 ·»´õ ÇÁ·Ó
8.3 °¡»óÈµÈ ¸®½ºÆ®
8.4 GraphQL ¼Ò°³
CHAPTER 9 Suspense
9.1 ¿À·ù °æ°è
9.2 ÄÚµå ºÐ¸®Çϱâ
CHAPTER 10 ¸®¾×Æ® Å×½ºÆ®
10.2 ÇÁ¸®Æ¼¾î.10.3 ¸®¾×Æ® ¾ÖÇø®ÄÉÀ̼ÇÀ» À§ÇÑ Å¸ÀÔ °Ë»ç
10.4 Å×½ºÆ® ÁÖµµ °³¹ß
10.5 Á¦½ºÆ® »ç¿ëÇϱâ
10.6 ¸®¾×Æ® ÄÄÆ÷³ÍÆ® Å×½ºÆ®Çϱâ
CHAPTER 11 ¸®¾×Æ® ¶ó¿ìÅÍ
11.1 ¶ó¿ìÅÍ »ç¿ëÇϱâ
11.2 ¶ó¿ìÅÍ ÇÁ·ÎÆÛƼ
11.3 ¸®µð·º¼Ç »ç¿ëÇϱâ
CHAPTER 12 ¸®¾×Æ®¿Í ¼¹ö
12.1 ¾ÆÀ̼ҸðÇÇÁò°ú À¯´Ï¹ö¼³¸®Áò ºñ±³
12.2 ¼¹ö ·»´õ¸µ ¸®¾×Æ®
12.3 ³Ø½ºÆ®.js¸¦ »ç¿ëÇÑ ¼¹ö ·»´õ¸µ
12.4 °³Ã÷ºñ
12.5 ¸®¾×Æ®ÀÇ ¹Ì·¡
1.1 Æ°Æ°ÇÑ Åä´ë
1.2 ¸®¾×Æ®ÀÇ °ú°Å¿Í ¹Ì·¡
1.3 ÄÚµå ¿¹Á¦ »ç¿ë¹ý
CHAPTER 2 ¸®¾×Æ®¸¦ À§ÇÑ ÀÚ¹Ù½ºÅ©¸³Æ®
2.1 º¯¼ö ¼±¾ðÇϱâ
2.2 ÇÔ¼ö ¸¸µé±â
2.3 ÀÚ¹Ù½ºÅ©¸³Æ® ÄÄÆÄÀÏÇϱâ
2.4 °´Ã¼¿Í ¹è¿
2.5 ºñµ¿±â ÀÚ¹Ù½ºÅ©¸³Æ®
2.6 Ŭ·¡½º
2.7 ES6 ¸ðµâ
CHAPTER 3 ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ È°¿ëÇÑ ÇÔ¼öÇü ÇÁ·Î±×·¡¹Ö
3.1 ÇÔ¼öÇüÀ̶õ ¹«¾ùÀΰ¡?
3.2 ¸í·ÉÇü ÇÁ·Î±×·¡¹Ö°ú ¼±¾ðÀû ÇÁ·Î±×·¡¹Ö ºñ±³
3.3 ÇÔ¼öÇü ÇÁ·Î±×·¡¹ÖÀÇ °³³ä
CHAPTER 4 ¸®¾×Æ®ÀÇ ÀÛµ¿ ¿ø¸®
4.1 ÆäÀÌÁö ¼³Á¤
4.2 ¸®¾×Æ® ¿¤¸®¸ÕÆ®
4.3 ReactDOM
4.4 ¸®¾×Æ® ÄÄÆ÷³ÍÆ®
CHAPTER 5 JSX¸¦ »ç¿ëÇÏ´Â ¸®¾×Æ®
5.1 JSX·Î ¸®¾×Æ® ¿¤¸®¸ÕÆ® Á¤ÀÇÇϱâ
5.2 ¹Ùº§
5.3 JSX·Î ÀÛ¼ºÇÑ Á¶¸®¹ý
5.4 ¸®¾×Æ® ÇÁ·¡±×¸ÕÆ®
5.5 À¥ÆÑ ¼Ò°³
CHAPTER 6 ¸®¾×Æ® »óÅ °ü¸®
6.1 º°Á¡ ÄÄÆ÷³ÍÆ® ¸¸µé±â
6.2 useState ÈÅ
6.3 Àç»ç¿ë¼ºÀ» ³ôÀ̱â À§ÇÑ ¸®ÆÑÅ͸µ
6.4 ÄÄÆ÷³ÍÆ® Æ®¸® ¾ÈÀÇ »óÅÂ
6.5 Æû ¸¸µé±â
6.6 ¸®¾×Æ® ÄÜÅؽºÆ®
CHAPTER 7 ÈŽº·Î ÄÄÆ÷³ÍÆ® °³¼±Çϱâ
7.1 useEffect ¼Ò°³
CHAPTER 8 µ¥ÀÌÅÍ Æ÷ÇÔ½ÃÅ°±â
8.1 µ¥ÀÌÅÍ ¿äûÇϱâ
8.2 ·»´õ ÇÁ·Ó
8.3 °¡»óÈµÈ ¸®½ºÆ®
8.4 GraphQL ¼Ò°³
CHAPTER 9 Suspense
9.1 ¿À·ù °æ°è
9.2 ÄÚµå ºÐ¸®Çϱâ
CHAPTER 10 ¸®¾×Æ® Å×½ºÆ®
10.2 ÇÁ¸®Æ¼¾î.10.3 ¸®¾×Æ® ¾ÖÇø®ÄÉÀ̼ÇÀ» À§ÇÑ Å¸ÀÔ °Ë»ç
10.4 Å×½ºÆ® ÁÖµµ °³¹ß
10.5 Á¦½ºÆ® »ç¿ëÇϱâ
10.6 ¸®¾×Æ® ÄÄÆ÷³ÍÆ® Å×½ºÆ®Çϱâ
CHAPTER 11 ¸®¾×Æ® ¶ó¿ìÅÍ
11.1 ¶ó¿ìÅÍ »ç¿ëÇϱâ
11.2 ¶ó¿ìÅÍ ÇÁ·ÎÆÛƼ
11.3 ¸®µð·º¼Ç »ç¿ëÇϱâ
CHAPTER 12 ¸®¾×Æ®¿Í ¼¹ö
12.1 ¾ÆÀ̼ҸðÇÇÁò°ú À¯´Ï¹ö¼³¸®Áò ºñ±³
12.2 ¼¹ö ·»´õ¸µ ¸®¾×Æ®
12.3 ³Ø½ºÆ®.js¸¦ »ç¿ëÇÑ ¼¹ö ·»´õ¸µ
12.4 °³Ã÷ºñ
12.5 ¸®¾×Æ®ÀÇ ¹Ì·¡