»ó¼¼Á¤º¸
Ã¥¼Ò°³
¸®¾×Æ® ±âÃÊ °³³äÀ» ¹è¿ì°í °£´ÜÇÑ ½Ç½ÀÀ» µû¶ó ÇÏ¸ç »ç¿ë¹ýÀ» ÀÍÈ÷´Â °¡Àå ½¬¿î ÀÔ¹®¼
ÀÌ Ã¥Àº ¿ÀǼҽº ÀÚ¹Ù½ºÅ©¸³Æ® ¶óÀ̺귯¸®ÀÎ ¸®¾×Æ®¸¦ óÀ½ ¹è¿ì´Â °³¹ßÀÚ¸¦ À§ÇÑ Ã¥ÀÌ´Ù. ¸ÕÀú À¥ ¼ºñ½º¸¦ À§ÇØ ¾Ë¾Æ¾ß ÇÒ ¸®¾×Æ®ÀÇ Çʼö °³³äÀ» ¤¾î º»´Ù. ±×¸®°í °£´ÜÇÑ ½Ç½ÀÀ» ÅëÇØ ¸®¾×Æ® »ç¿ë¹ýÀ» ÀÍÈù µÚ ¸¶Áö¸·À¸·Î ¹Ì´Ï ÇÁ·ÎÁ§Æ®(¹Ì´Ï ºí·Î±× ¸¸µé±â)¸¦ ÅëÇØ Á÷Á¢ ÇÁ·ÎÁ§Æ® ±âȹºÎÅÍ °³¹ß±îÁö °æÇèÇØ º»´Ù. ¸®¾×Æ®ÀÇ ÇÙ½É °³³äÀ» ±âÃʺÎÅÍ ÅºÅºÈ÷ ÀÍÈ÷°í ½ÇÁ¦ ¾÷¹«¿¡ µµ¿òÀ» ÁÙ ¼ö ÀÖ´Â ÇÁ·ÎÁ§Æ® ÁøÇàÀ» ÅëÇØ Ã¼°èÀûÀÎ ÇнÀÀ» ÇÒ ¼ö ÀÖµµ·Ï ±¸¼ºÇß´Ù.
ÀúÀÚ¼Ò°³
¾î·Á¼ºÎÅÍ ÄÄÇ»ÅÍ¿Í ÇÁ·Î±×·¡¹Ö¿¡ °ü½ÉÀÌ ¸¹¾Æ Ä¿¼ ¸ÚÁø °³¹ßÀÚ°¡ µÇ´Â °ÍÀÌ º¯ÇÔ¾ø´Â ²ÞÀ̾ú´Ù. ¼þ½Ç´ëÇб³ ÄÄÇ»ÅÍÇкθ¦ 3³â ¸¸¿¡ Á¶±â Á¹¾÷ÇÏ°í Ä«À̽ºÆ®¿¡¼ Àü»êÇÐ ¼®»ç ÇÐÀ§¸¦ ÃëµæÇß´Ù. ´ëÇпø Á¹¾÷ ÀÌÈÄ ´Ù¾çÇÑ È¸»ç¿Í ½ºÅ¸Æ®¾÷¿¡¼ °æÇèÀ» ½×¾Ò°í ÇÁ¸®·£¼ °³¹ßÀڷεµ È°µ¿Çß´Ù. ºÐ¾ß¸¦ °¡¸®Áö ¾Ê°í Ç×»ó Áñ±â¸é¼ °³¹ßÇÏ°íÀÚ ³ë·ÂÇÏ¸ç ¼ÒÇÁÆ®¿þ¾î ±³À°¿¡µµ °ü½ÉÀ» °®°í ²ÙÁØÈ÷ Âü¿©ÇÏ°í ÀÖ´Ù. ¹«·á ¿Â¶óÀÎ °ÀǸ¦ ¿î¿µ ÁßÀ̸ç À̳뺣ÀÌ¼Ç ¾ÆÄ«µ¥¹ÌÀÇ ºñ»ó±Ù ¸àÅä·Î È°µ¿ ÁßÀÔ´Ï´Ù. ÇöÀç´Â ½ºÅ¸Æ®¾÷À» â¾÷ÇÏ¿© ¿½ÉÈ÷ Á¦Ç° °³¹ß°ú ȸ»ç ¿î¿µ¿¡ Èû¾²°í ÀÖ´Ù.
¸ñÂ÷
0Àå ÁغñÇϱâ
0.1 HTML »ìÆ캸±â
0.2 CSS¶õ ¹«¾ùÀΰ¡?
0.3 ÀÚ¹Ù½ºÅ©¸³Æ®
0.4 °³¹ß ȯ°æ ¼³Á¤Çϱâ
0.5 ¸¶Ä¡¸ç
1Àå ¸®¾×Æ® ¼Ò°³
1.1 ¸®¾×Æ®´Â ¹«¾ùÀΰ¡?
1.2 ¸®¾×Æ®ÀÇ ÀåÁ¡
1.3 ¸®¾×Æ®ÀÇ ´ÜÁ¡
1.4 ¸¶Ä¡¸ç
2Àå ¸®¾×Æ® ½ÃÀÛÇϱâ
2.1 HTML¸¸À¸·Î °£´ÜÇÑ À¥»çÀÌÆ® ¸¸µé±â
2.2 CSS¸¦ »ç¿ëÇÏ¿© À¥»çÀÌÆ® ½ºÅ¸ÀϸµÇϱâ
2.3 À¥»çÀÌÆ®¿¡ React.js Ãß°¡Çϱâ
2.4 create-react-app
2.5 ¸¶Ä¡¸ç
3Àå JSX ¼Ò°³
3.1 JSX¶õ?
3.2 JSXÀÇ ¿ªÇÒ
3.3 JSXÀÇ ÀåÁ¡
3.4 JSX »ç¿ë¹ý
3.5 JSX ÄÚµå ÀÛ¼ºÇØ º¸±â
3.6 ¸¶Ä¡¸ç
4Àå ¿¤¸®¸ÕÆ® ·»´õ¸µ
4.1 ¿¤¸®¸ÕÆ®¿¡ ´ëÇØ ¾Ë¾Æº¸±â
4.2 ¿¤¸®¸ÕÆ® ·»´õ¸µÇϱâ
4.3 ·»´õ¸µµÈ ¿¤¸®¸ÕÆ® ¾÷µ¥ÀÌÆ®Çϱâ
4.4 ½Ã°è ¸¸µé±â
4.5 ¸¶Ä¡¸ç
5Àå ÄÄÆ÷³ÍÆ®¿Í Props
5.1 ÄÄÆ÷³ÍÆ®¿¡ ´ëÇØ ¾Ë¾Æº¸±â
5.2 Props¿¡ ´ëÇØ ¾Ë¾Æº¸±â
5.3 ÄÄÆ÷³ÍÆ® ¸¸µé±â
5.4 ÄÄÆ÷³ÍÆ® ÇÕ¼º
5.5 ÄÄÆ÷³ÍÆ® ÃßÃâ
5.6 ´ñ±Û ÄÄÆ÷³ÍÆ® ¸¸µé±â
5.7 ¸¶Ä¡¸ç
6Àå State¿Í »ý¸íÁÖ±â
6.1 State
6.2 »ý¸íÁֱ⿡ ´ëÇØ ¾Ë¾Æº¸±â
6.3 State¿Í »ý¸íÁÖ±â ÇÔ¼ö »ç¿ëÇϱâ
6.4 ¸¶Ä¡¸ç
7Àå ÈÅ
7.1 ÈÅÀ̶õ ¹«¾ùÀΰ¡?
7.2 useState
7.3 useEffect
7.4 useMemo
7.5 useCallback
7.6 useRef
7.7 ÈÅÀÇ ±ÔÄ¢
7.8 ³ª¸¸ÀÇ ÈÅ ¸¸µé±â
7.9 ÈÅÀ» »ç¿ëÇÑ ÄÄÆ÷³ÍÆ® °³¹ß
7.10 ¸¶Ä¡¸ç
8Àå À̺¥Æ® Çڵ鸵
8.1 À̺¥Æ® ó¸®Çϱâ
8.2 Arguments Àü´ÞÇϱâ
8.3 Ŭ¸¯ À̺¥Æ® ó¸®Çϱâ
8.4 ¸¶Ä¡¸ç
9Àå Á¶°ÇºÎ ·»´õ¸µ
9.1 Á¶°ÇºÎ ·»´õ¸µÀ̶õ?
9.2 ¿¤¸®¸ÕÆ® º¯¼ö
9.3 ÀζóÀÎ Á¶°Ç
9.4 ÄÄÆ÷³ÍÆ® ·»´õ¸µ ¸·±â
9.5 ·Î±×ÀÎ ¿©ºÎ¸¦ ³ªÅ¸³»´Â Åø¹Ù ¸¸µé±â
9.6 ¸¶Ä¡¸ç
10Àå ¸®½ºÆ®¿Í Å°
10.1 ¸®½ºÆ®¿Í Å°¶õ ¹«¾ùÀΰ¡?
10.2 ¿©·¯ °³ÀÇ ÄÄÆ÷³ÍÆ® ·»´õ¸µÇϱâ
10.3 ±âº»ÀûÀÎ ¸®½ºÆ® ÄÄÆ÷³ÍÆ®
10.4 ¸®½ºÆ®ÀÇ Å°¿¡ ´ëÇØ ¾Ë¾Æº¸±â
10.5 Ãâ¼®ºÎ Ãâ·ÂÇϱâ
10.6 ¸¶Ä¡¸ç
11Àå Æû
11.1 ÆûÀ̶õ ¹«¾ùÀΰ¡?
11.2 Á¦¾î ÄÄÆ÷³ÍÆ®
11.3 textarea ű×
11.4 select ű×
11.5 File input ű×
11.6 ¿©·¯ °³ÀÇ ÀÔ·Â ´Ù·ç±â
11.7 Input Null Value
11.8 »ç¿ëÀÚ Á¤º¸ ÀԷ¹ޱâ
11.9 ¸¶Ä¡¸ç
12Àå State ²ø¾î¿Ã¸®±â
12.1 Shared State
12.2 ÇÏÀ§ ÄÄÆ÷³ÍÆ®¿¡¼ State °øÀ¯Çϱâ
12.3 ¼·¾¾¿Âµµ¿Í Ⱦ¾¿Âµµ Ç¥½ÃÇϱâ
12.4 ¸¶Ä¡¸ç
13Àå ÇÕ¼º vs. »ó¼Ó
13.1 ÇÕ¼º¿¡ ´ëÇØ ¾Ë¾Æº¸±â
13.2 »ó¼Ó¿¡ ´ëÇØ ¾Ë¾Æº¸±â
13.3 Card ÄÄÆ÷³ÍÆ® ¸¸µé±â
13.4 ¸¶Ä¡¸ç
14Àå ÄÁÅؽºÆ®
14.1 ÄÁÅؽºÆ®¶õ ¹«¾ùÀΰ¡?
14.2 ¾ðÁ¦ ÄÁÅؽºÆ®¸¦ »ç¿ëÇØ¾ß ÇÒ±î?
14.3 ÄÁÅؽºÆ®¸¦ »ç¿ëÇϱâ Àü¿¡ °í·ÁÇÒ Á¡
14.4 ÄÁÅؽºÆ® API
14.5 ¿©·¯ °³ÀÇ ÄÁÅؽºÆ® »ç¿ëÇϱâ
14.6 useContext
14.7 ÄÁÅؽºÆ®¸¦ »ç¿ëÇÏ¿© Å׸¶ º¯°æ ±â´É ¸¸µé±â
14.8 ¸¶Ä¡¸ç
15Àå ½ºÅ¸Àϸµ
15.1 CSS
15.2 styled-components
15.3 styled-components¸¦ »ç¿ëÇÏ¿© ½ºÅ¸ÀϸµÇØ º¸±â
15.4 ¸¶Ä¡¸ç
16Àå ¹Ì´Ï ÇÁ·ÎÁ§Æ®_¹Ì´Ï ºí·Î±× ¸¸µé±â
16.1 ¹Ì´Ï ºí·Î±× ±âȹÇϱâ
16.2 ÇÁ·ÎÁ§Æ® »ý¼ºÇϱâ
16.3 ÇÊ¿äÇÑ ÆÐÅ°Áö ¼³Ä¡Çϱâ
16.4 ÁÖ¿ä ÄÄÆ÷³ÍÆ® ±¸¼ºÇϱâ
16.5 Æú´õ ±¸¼ºÇϱâ
16.6 UI ÄÄÆ÷³ÍÆ® ±¸ÇöÇϱâ
16.7 List ÄÄÆ÷³ÍÆ® ±¸ÇöÇϱâ