±¹³»µµ¼
Àü°øµµ¼/´ëÇб³Àç
°øÇаè¿
ÄÄÇ»ÅÍ°øÇÐ
2013³â 9¿ù 9ÀÏ ÀÌÈÄ ´©Àû¼öÄ¡ÀÔ´Ï´Ù.
ÀúÀÚ Á÷° µ¿¿µ»ó °ÀÇ Á¦°ø
Á¤°¡ |
25,000¿ø |
---|
22,500¿ø (10%ÇÒÀÎ)
1,250P (5%Àû¸³)
ÇÒÀÎÇýÅÃ | |
---|---|
Àû¸³ÇýÅà |
|
|
|
Ãß°¡ÇýÅÃ |
|
À̺¥Æ®/±âȹÀü
¿¬°üµµ¼(8)
»óÇ°±Ç
ÀÌ»óÇ°ÀÇ ºÐ·ù
Ã¥¼Ò°³
¼¼»ó¿¡¼ ¸®¾×Æ®¸¦ °¡Àå ½±°Ô ¼³¸íÇÑ ÀÔ¹®¼!
»ýÈ°ÄÚµùÀº ÀϹÝÀο¡°Ô ÇÁ·Î±×·¡¹ÖÀ» ¾Ë·ÁÁÖ´Â °ÍÀ» ¸ñÀûÀ¸·Î ÇÏ´Â ºñ¿µ¸® ±³À° È°µ¿ÀÔ´Ï´Ù.
ÀÌ Ã¥Àº »ýÈ°ÄÚµù¿¡¼ Á¦°øÇÏ´Â ¼ö¾÷ °¡¿îµ¥ ¸®¾×Æ®¿Í °ü·ÃµÈ ¼ö¾÷À» Á¤¸®ÇÑ Ã¥ÀÔ´Ï´Ù.
ÀÌ ¼ö¾÷Àº ÇÁ·Î±×·¡¹ÖÀ» óÀ½ ½ÃÀÛÇÏ´Â ºÐµéÀÇ ´«³ôÀÌ¿¡ ¸Â°Ô ¸¸µé¾îÁø °ÀǷμ µ¿¿µ»óÀ̳ª ÅؽºÆ®¸¸À¸·Îµµ ÇнÀÇÒ ¼ö ÀÖ°Ô ¸¸µé¾îÁ® ÀÖ½À´Ï´Ù.
À̹ø °³Á¤ÆÇ¿¡¼´Â ÇÔ¼öÇü ¹æ½ÄÀ¸·Î ¸®¾×Æ® ¾ÖÇø®ÄÉÀ̼ÇÀ» °³¹ßÇÏ´Â ¹æ¹ýÀ» ºñ·ÔÇÏ¿© ¸®¾×Æ® ¶ó¿ìÅÍ µ¼, ¸®¾×Æ® ¸®´ö½º, Next.js µî ¸®¾×Æ®¸¦ °³¹ßÇÏ´Â µ¥ µµ¿òµÇ´Â ´Ù¾çÇÑ ÁÖÁ¦¸¦ ´Ù·ì´Ï´Ù. ÀÌ Ã¥À» ¸ðµÎ ÀÐ°í ³ª¸é ¸®¾×Æ®¸¦ ±â¹ÝÀ¸·Î Çö´ëÀûÀÎ À¥ ¾ÖÇø®ÄÉÀÌ¼Ç UI¸¦ °³¹ßÇÏ´Â ´É·ÂÀ» °®Ãâ ¼ö ÀÖÀ» °ÍÀÔ´Ï´Ù.
¡Ú ÀÌ Ã¥¿¡¼ ´Ù·ç´Â ³»¿ë ¡Ú
¡Ý ¸®¾×Æ® ±âÃÊ
¡Ý React Router DOM
¡Ý styled-components
¡Ý Context API
¡Ý useReducer
¡Ý ¸®¾×Æ® ¸®´ö½º, ¸®´ö½º ÅøŶ
¡Ý Next.js
¡Ú Âü°í ÀÚ·á ¡Ú
¡Ý »ýÈ°ÄÚµù ¸®¾×Æ® Áö½Ä Áöµµ: https://seomal.com/map/1/220
¡Ý µ¿¿µ»ó ¹× ¿¹Á¦ ÄÚµå ÆäÀÌÁö: https://wikibook.github.io/react-rev/
¸ñÂ÷
¢Ã 1Àå: ¸®¾×Æ® ±âÃÊ Æí
__¸®¾×Æ®ÀÇ ±âÃÊ ¹®¹ý°ú ÇÙ½É °³³äÀ» ÀÍÈù´Ù.
01 ¼ö¾÷ ¼Ò°³
__¸®¾×Æ®¸¦ ¼Ò°³ÇÏ°í ¸®¾×Æ® ¶óÀ̺귯¸®ÀÇ Çʿ伺À» ÀÌÇØÇÑ´Ù.
02 ½Ç½À ȯ°æ ±¸Ãà
__¸®¾×Æ® ½Ç½À ȯ°æÀ» ±¸ÃàÇÏ´Â ¹ýÀ» ¹è¿ì°í, ±âº» »ùÇà ¾ÛÀ» ±¸µ¿ÇÏ´Â ¹æ¹ýÀ» ÀÍÈù´Ù.
03 ¼Ò½º ÄÚµå ¼öÁ¤ ¹æ¹ý
__»ùÇà ¸®¾×Æ® ¾ÛÀ» ¼öÁ¤ÇÏ´Â ¹ýÀ» ¹è¿ì°í, ¾ÖÇø®ÄÉÀ̼ÇÀ» ¹èÆ÷ÇÏ´Â ¹ýÀ» ¹è¿î´Ù.
04 ÄÄÆ÷³ÍÆ® ¸¸µé±â
__¸®¾×Æ®¿¡¼ Á¦°øÇÏ´Â ÄÄÆ÷³ÍÆ®ÀÇ ¿ªÇÒ°ú Çʿ伺À» ÀÌÇØÇÏ°í, ¸®¾×Æ® ÄÄÆ÷³ÍÆ®¸¦ ÀÛ¼ºÇÏ´Â ¹ýÀ» ¹è¿î´Ù.
05 props
__props¸¦ ÀÌ¿ëÇØ ¸®¾×Æ® ÄÄÆ÷³ÍÆ®ÀÇ Àç»ç¿ë¼ºÀ» ³ôÀÌ´Â ¹æ¹ýÀ» ¹è¿î´Ù.
06 À̺¥Æ®
__ÄÄÆ÷³ÍÆ® À̺¥Æ®¸¦ ¸¸µé°í È°¿ëÇÏ´Â ¹ýÀ» ¹è¿î´Ù.
07 state
__stateÀÇ ¿ªÇÒ°ú Çʿ伺, »ç¿ë¹ýÀ» ÀÌÇØÇÑ´Ù.
08 Create
__¾ÛÀÇ CRUD ±â´É °¡¿îµ¥ Create ±â´ÉÀ» ±¸ÇöÇÑ´Ù.
09 Update
__¾ÛÀÇ CRUD ±â´É °¡¿îµ¥ Update ±â´ÉÀ» ±¸ÇöÇÑ´Ù.
10 Delete & ¼ö¾÷À» ¸¶Ä¡¸ç
__¾ÛÀÇ CRUD ±â´É °¡¿îµ¥ Delete ±â´ÉÀ» ±¸ÇöÇÑ´Ù.
¢Ã 2Àå: React Router DOM Æí
__¸®¾×Æ®¸¦ ÀÌ¿ëÇØ ¿©·¯ °³ÀÇ ÆäÀÌÁö·Î ÀÌ·ïÁø ¾ÖÇø®ÄÉÀ̼ÇÀ» ¸¸µå´Â µ¥ µµ¿òÀ» ÁÖ´Â react-router-domÀÇ »ç¿ë¹ýÀ» ÀÍÈù´Ù.
01 ¼ö¾÷ ¼Ò°³
__¸®¾×Æ® ¶ó¿ìÅÍ DOMÀ» ¼Ò°³ÇÏ°í Çʿ伺À» ÀÌÇØÇÑ´Ù.
02 ½Ç½À Áغñ
__½Ç½À¿¡ »ç¿ëÇÒ ¾ÛÀ» »ý¼ºÇÑ´Ù.
03 Router
__BrowserRouterÀÇ ¿ªÇÒ°ú »ç¿ë¹ýÀ» ÀÍÈù´Ù.
04 Link
__Link, NavLinkÄÄÆ÷³ÍÆ®ÀÇ ¿ªÇÒ°ú »ç¿ë¹ýÀ» ÀÍÈù´Ù.
05 Nested Routing
__ÇϳªÀÇ ¶ó¿ìÅÍ·Î path°ª¿¡ µû¶ó ÁÖ¼Ò¸¦ ó¸®ÇÏ´Â ¹ýÀ» ÀÍÈù´Ù.
06 ¼ö¾÷À» ¸¶Ä¡¸ç
__Ãß°¡·Î ¹è¿ï °í±Þ ÁÖÁ¦¿¡ ´ëÇØ ¾Ë¾Æº»´Ù.
¢Ã 3Àå: ½ºÅ¸Àϵå ÄÄÆ÷³ÍÆ® Æí
__¸®¾×Æ®¿¡¼ CSSÀÇ ¼Ó¼ºÀ» ±×´ë·Î »ç¿ëÇÒ ¼ö ÀÖ°Ô µµ¿ÍÁÖ´Â ½ºÅ¸Àϵå ÄÄÆ÷³ÍÆ®ÀÇ »ç¿ë¹ýÀ» ÀÍÈù´Ù.
¢Ã 4Àå: Context API Æí
__¸®¾×Æ®¿¡¼ »óŸ¦ Àü¿ªÀûÀ¸·Î °øÀ¯ÇÒ ¼ö ÀÖ°Ô µµ¿ÍÁÖ´Â µµ±¸ÀÎ Context APIÀÇ »ç¿ë¹ýÀ» ÀÍÈù´Ù.
¢Ã 5Àå: useReducer Æí
__useState¿Í °°Àº ¿ªÇÒÀ» ÇÏÁö¸¸, Á¶±Ý ´õ º¹ÀâÇÑ »óŸ¦ ü°èÀûÀ¸·Î °ü¸®Çϵµ·Ï µ½´Â useReducerÀÇ »ç¿ë¹ýÀ» ÀÍÈù´Ù.
¢Ã 6. react-redux Æí
__»óÅ °ü¸® µµ±¸ÀÎ ¸®´ö½º(redux)¸¦ ¸®¾×Æ®¿¡¼ ½±°Ô »ç¿ëÇÒ ¼ö ÀÖ°Ô µ½´Â µµ±¸ÀÎ react-reduxÀÇ »ç¿ë¹ýÀ» ÀÍÈù´Ù.
¢Ã 7. ¸®´ö½º ÅøŶ Æí
__¸®´ö½º ÅøŶ(Redux toolkit)À» È°¿ëÇÏ¿© ¸®´ö½º °³¹ß ȯ°æÀ» ½±°Ô ±¸ÃàÇÏ´Â ¹æ¹ýÀ» ÀÍÈù´Ù.
¢Ã 8. Next.js Æí
__¸®¾×Æ®, ÀͽºÇÁ·¹½º(Express.js), ¸®¾×Æ® ¶ó¿ìÅÍ µ¼(React-Router-Dom), ¼¹ö »çÀÌµå ·»´õ¸µ µî À¥À» ±¸ÇöÇÏ´Â µ¥ »ç¿ëÇÏ´Â ¿©·¯ ±â¼úÀ» ¿µ¸®ÇÏ°Ô ¼¯¾î ³õÀº ±â¼úÀÎ Next.js¿¡ ´ëÇØ ¾Ë¾Æº»´Ù.
°ü·ÃÀ̹ÌÁö
ÀúÀÚ¼Ò°³
»ý³â¿ùÀÏ | - |
---|
ÀÌ°íÀ×Àº »ýÈ°ÄÚµù ¿î¿µÀÚ, ¿ÀÇÂÆ©Å丮¾ó½º(https://opentutorials.org/) ¿î¿µÁøÀÌ´Ù.
ÀúÀÚÀÇ ´Ù¸¥Ã¥
Àüüº¸±âDo it! Áö¿Á¿¡¼ ¿Â ¹®¼ °ü¸®ÀÚ ±ê&±êÇãºê...
»ýÈ°ÄÚµù! HTML+CSS+ÀÚ¹Ù½ºÅ©¸³Æ®
»ýÈ°ÄÚµù! ÀÚ¹Ù ÇÁ·Î±×·¡¹Ö ÀÔ¹®
»ýÈ°ÄÚµù ¸Ó½Å·¯´× ½Ç½ÀÆí with ÆÄÀ̽ã ÅÙ...
Çï·Î! ÀΰøÁö´É »ýÈ°ÄÚµù ¸Ó½Å·¯´×: ½Ç½ÀÆí...
ÁÖ°£·©Å·
´õº¸±â»óÇ°Á¤º¸Á¦°ø°í½Ã
À̺¥Æ® ±âȹÀü
ÀÌ »óÇ°ÀÇ ½Ã¸®Áî
(ÃÑ 9±Ç / ÇöÀ籸¸Å °¡´Éµµ¼ 9±Ç)
Àü°øµµ¼/´ëÇб³Àç ºÐ¾ß¿¡¼ ¸¹Àº ȸ¿øÀÌ ±¸¸ÅÇÑ Ã¥
ÆǸÅÀÚÁ¤º¸
»óÈ£ |
(ÁÖ)±³º¸¹®°í |
---|---|
´ëÇ¥ÀÚ¸í |
¾Èº´Çö |
»ç¾÷ÀÚµî·Ï¹øÈ£ |
102-81-11670 |
¿¬¶ôó |
1544-1900 |
ÀüÀÚ¿ìÆíÁÖ¼Ò |
callcenter@kyobobook.co.kr |
Åë½ÅÆǸž÷½Å°í¹øÈ£ |
01-0653 |
¿µ¾÷¼ÒÀçÁö |
¼¿ïƯº°½Ã Á¾·Î±¸ Á¾·Î 1(Á¾·Î1°¡,±³º¸ºôµù) |
±³È¯/ȯºÒ
¹ÝÇ°/±³È¯ ¹æ¹ý |
¡®¸¶ÀÌÆäÀÌÁö > Ãë¼Ò/¹ÝÇ°/±³È¯/ȯºÒ¡¯ ¿¡¼ ½Åû ¶Ç´Â 1:1 ¹®ÀÇ °Ô½ÃÆÇ ¹× °í°´¼¾ÅÍ(1577-2555)¿¡¼ ½Åû °¡´É |
---|---|
¹ÝÇ°/±³È¯°¡´É ±â°£ |
º¯½É ¹ÝÇ°ÀÇ °æ¿ì Ãâ°í¿Ï·á ÈÄ 6ÀÏ(¿µ¾÷ÀÏ ±âÁØ) À̳»±îÁö¸¸ °¡´É |
¹ÝÇ°/±³È¯ ºñ¿ë |
º¯½É ȤÀº ±¸¸ÅÂø¿À·Î ÀÎÇÑ ¹ÝÇ°/±³È¯Àº ¹Ý¼Û·á °í°´ ºÎ´ã |
¹ÝÇ°/±³È¯ ºÒ°¡ »çÀ¯ |
·¼ÒºñÀÚÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óÇ° µîÀÌ ¼Õ½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì ·¼ÒºñÀÚÀÇ »ç¿ë, Æ÷Àå °³ºÀ¿¡ ÀÇÇØ »óÇ° µîÀÇ °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì ·º¹Á¦°¡ °¡´ÉÇÑ »óÇ° µîÀÇ Æ÷ÀåÀ» ÈѼÕÇÑ °æ¿ì ·½Ã°£ÀÇ °æ°ú¿¡ ÀÇÇØ ÀçÆǸŰ¡ °ï¶õÇÑ Á¤µµ·Î °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì ·ÀüÀÚ»ó°Å·¡ µî¿¡¼ÀÇ ¼ÒºñÀÚº¸È£¿¡ °üÇÑ ¹ý·üÀÌ Á¤ÇÏ´Â ¼ÒºñÀÚ Ã»¾àöȸ Á¦ÇÑ ³»¿ë¿¡ ÇØ´çµÇ´Â °æ¿ì |
»óÇ° Ç°Àý |
°ø±Þ»ç(ÃâÆÇ»ç) Àç°í »çÁ¤¿¡ ÀÇÇØ Ç°Àý/Áö¿¬µÉ ¼ö ÀÖÀ½ |
¼ÒºñÀÚ ÇÇÇغ¸»ó |
·»óÇ°ÀÇ ºÒ·®¿¡ ÀÇÇÑ ±³È¯, A/S, ȯºÒ, Ç°Áúº¸Áõ ¹× ÇÇÇغ¸»ó µî¿¡ °üÇÑ »çÇ×Àº¼ÒºñÀÚºÐÀïÇØ°á ±âÁØ (°øÁ¤°Å·¡À§¿øȸ °í½Ã)¿¡ ÁØÇÏ¿© ó¸®µÊ ·´ë±Ý ȯºÒ ¹× ȯºÒÁö¿¬¿¡ µû¸¥ ¹è»ó±Ý Áö±Þ Á¶°Ç, ÀýÂ÷ µîÀº ÀüÀÚ»ó°Å·¡ µî¿¡¼ÀǼҺñÀÚ º¸È£¿¡ °üÇÑ ¹ý·ü¿¡ µû¶ó ó¸®ÇÔ |
(ÁÖ)ÀÎÅÍÆÄÅ©Ä¿¸Ó½º´Â ȸ¿ø´ÔµéÀÇ ¾ÈÀü°Å·¡¸¦ À§ÇØ ±¸¸Å±Ý¾×, °áÁ¦¼ö´Ü¿¡ »ó°ü¾øÀÌ (ÁÖ)ÀÎÅÍÆÄÅ©Ä¿¸Ó½º¸¦ ÅëÇÑ ¸ðµç °Å·¡¿¡ ´ëÇÏ¿©
(ÁÖ)KGÀ̴Ͻýº°¡ Á¦°øÇÏ´Â ±¸¸Å¾ÈÀü¼ºñ½º¸¦ Àû¿ëÇÏ°í ÀÖ½À´Ï´Ù.
¹è¼Û¾È³»
±³º¸¹®°í »óÇ°Àº Åùè·Î ¹è¼ÛµÇ¸ç, Ãâ°í¿Ï·á 1~2Àϳ» »óÇ°À» ¹Þ¾Æ º¸½Ç ¼ö ÀÖ½À´Ï´Ù.
Ãâ°í°¡´É ½Ã°£ÀÌ ¼·Î ´Ù¸¥ »óÇ°À» ÇÔ²² ÁÖ¹®ÇÒ °æ¿ì Ãâ°í°¡´É ½Ã°£ÀÌ °¡Àå ±ä »óÇ°À» ±âÁØÀ¸·Î ¹è¼ÛµË´Ï´Ù.
±ººÎ´ë, ±³µµ¼Ò µî ƯÁ¤±â°üÀº ¿ìü±¹ Åù踸 ¹è¼Û°¡´ÉÇÕ´Ï´Ù.
¹è¼Ûºñ´Â ¾÷ü ¹è¼Ûºñ Á¤Ã¥¿¡ µû¸¨´Ï´Ù.