°£Æí°áÁ¦, ½Å¿ëÄ«µå û±¸ÇÒÀÎ
ÀÎÅÍÆÄÅ© ·Ôµ¥Ä«µå 5% (21,380¿ø)
(ÃÖ´ëÇÒÀÎ 10¸¸¿ø / Àü¿ù½ÇÀû 40¸¸¿ø)
ºÏÇǴϾð ·Ôµ¥Ä«µå 30% (15,750¿ø)
(ÃÖ´ëÇÒÀÎ 3¸¸¿ø / 3¸¸¿ø ÀÌ»ó °áÁ¦)
NH¼îÇÎ&ÀÎÅÍÆÄÅ©Ä«µå 20% (18,000¿ø)
(ÃÖ´ëÇÒÀÎ 4¸¸¿ø / 2¸¸¿ø ÀÌ»ó °áÁ¦)
Close

»ýÈ°ÄÚµù! React ¸®¾×Æ® ÇÁ·Î±×·¡¹Ö : óÀ½ ÇÁ·Î±×·¡¹ÖÀ» ½ÃÀÛÇÏ´Â ÀÔ¹®ÀÚÀÇ ´«³ôÀÌ¿¡ ¸ÂÃá

¼Òµæ°øÁ¦

2013³â 9¿ù 9ÀÏ ÀÌÈÄ ´©Àû¼öÄ¡ÀÔ´Ï´Ù.

ÆǸÅÁö¼ö 329
?
ÆǸÅÁö¼ö¶õ?
»çÀÌÆ®ÀÇ ÆǸŷ®¿¡ ±â¹ÝÇÏ¿© ÆǸŷ® ÃßÀ̸¦ ¹Ý¿µÇÑ ÀÎÅÍÆÄÅ© µµ¼­¿¡¼­ÀÇ µ¶¸³ÀûÀÎ ÆǸŠÁö¼öÀÔ´Ï´Ù. ÇöÀç °¡Àå Àß Æȸ®´Â »óÇ°¿¡ °¡ÁßÄ¡¸¦ µÎ¾ú±â ¶§¹®¿¡ ½ÇÁ¦ ´©Àû ÆǸŷ®°ú´Â ´Ù¼Ò Â÷ÀÌ°¡ ÀÖÀ» ¼ö ÀÖ½À´Ï´Ù. ÆǸŷ® ¿Ü¿¡µµ ´Ù¾çÇÑ °¡ÁßÄ¡·Î ±¸¼ºµÇ¾î ÃÖ±ÙÀÇ À̽´µµ¼­ È®Àνà À¯¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù. ÇØ´ç Áö¼ö´Â ¸ÅÀÏ °»½ÅµË´Ï´Ù.
Close
°øÀ¯Çϱâ

ÀúÀÚ Á÷°­ µ¿¿µ»ó °­ÀÇ Á¦°ø

Á¤°¡

25,000¿ø

  • 22,500¿ø (10%ÇÒÀÎ)

    1,250P (5%Àû¸³)

ÇÒÀÎÇýÅÃ
Àû¸³ÇýÅÃ
  • S-Point Àû¸³Àº ¸¶ÀÌÆäÀÌÁö¿¡¼­ Á÷Á¢ ±¸¸ÅÈ®Á¤ÇϽŠ°æ¿ì¸¸ Àû¸³ µË´Ï´Ù.
Ãß°¡ÇýÅÃ
¹è¼ÛÁ¤º¸
  • 5/2(¸ñ) À̳» ¹ß¼Û ¿¹Á¤  (¼­¿ï½Ã °­³²±¸ »ï¼º·Î 512)
  • ¹«·á¹è¼Û
ÁÖ¹®¼ö·®
°¨¼Ò Áõ°¡
  • À̺¥Æ®/±âȹÀü

  • ¿¬°üµµ¼­(8)

  • »óÇ°±Ç

AD

Ã¥¼Ò°³

¼¼»ó¿¡¼­ ¸®¾×Æ®¸¦ °¡Àå ½±°Ô ¼³¸íÇÑ ÀÔ¹®¼­!

»ýÈ°ÄÚµùÀº ÀϹÝÀο¡°Ô ÇÁ·Î±×·¡¹ÖÀ» ¾Ë·ÁÁÖ´Â °ÍÀ» ¸ñÀûÀ¸·Î ÇÏ´Â ºñ¿µ¸® ±³À° È°µ¿ÀÔ´Ï´Ù.

ÀÌ Ã¥Àº »ýÈ°ÄÚµù¿¡¼­ Á¦°øÇÏ´Â ¼ö¾÷ °¡¿îµ¥ ¸®¾×Æ®¿Í °ü·ÃµÈ ¼ö¾÷À» Á¤¸®ÇÑ Ã¥ÀÔ´Ï´Ù.
ÀÌ ¼ö¾÷Àº ÇÁ·Î±×·¡¹ÖÀ» óÀ½ ½ÃÀÛÇÏ´Â ºÐµéÀÇ ´«³ôÀÌ¿¡ ¸Â°Ô ¸¸µé¾îÁø °­ÀǷμ­ µ¿¿µ»óÀ̳ª ÅؽºÆ®¸¸À¸·Îµµ ÇнÀÇÒ ¼ö ÀÖ°Ô ¸¸µé¾îÁ® ÀÖ½À´Ï´Ù.

À̹ø °³Á¤ÆÇ¿¡¼­´Â ÇÔ¼öÇü ¹æ½ÄÀ¸·Î ¸®¾×Æ® ¾ÖÇø®ÄÉÀ̼ÇÀ» °³¹ßÇÏ´Â ¹æ¹ýÀ» ºñ·ÔÇÏ¿© ¸®¾×Æ® ¶ó¿ìÅÍ µ¼, ¸®¾×Æ® ¸®´ö½º, 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¿¡ ´ëÇØ ¾Ë¾Æº»´Ù.

°ü·ÃÀ̹ÌÁö

ÀúÀÚ¼Ò°³

ÀÌ°íÀ× [Àú] ½ÅÀ۾˸² SMS½Åû
»ý³â¿ùÀÏ -

ÀÌ°íÀ×Àº »ýÈ°ÄÚµù ¿î¿µÀÚ, ¿ÀÇÂÆ©Å丮¾ó½º(https://opentutorials.org/) ¿î¿µÁøÀÌ´Ù.

ÀÌ »óÇ°ÀÇ ½Ã¸®Áî

(ÃÑ 9±Ç / ÇöÀ籸¸Å °¡´Éµµ¼­ 9±Ç)

¼±ÅÃÇÑ »óÇ° ºÏÄ«Æ®´ã±â

Àü°øµµ¼­/´ëÇб³Àç ºÐ¾ß¿¡¼­ ¸¹Àº ȸ¿øÀÌ ±¸¸ÅÇÑ Ã¥

    ¸®ºä

    0.0 (ÃÑ 0°Ç)

    100ÀÚÆò

    ÀÛ¼º½Ã À¯ÀÇ»çÇ×

    ÆòÁ¡
    0/100ÀÚ
    µî·ÏÇϱâ

    100ÀÚÆò

    0.0
    (ÃÑ 0°Ç)

    ÆǸÅÀÚÁ¤º¸

    • ÀÎÅÍÆÄÅ©µµ¼­¿¡ µî·ÏµÈ ¿ÀǸ¶ÄÏ »óÇ°Àº ±× ³»¿ë°ú Ã¥ÀÓÀÌ ¸ðµÎ ÆǸÅÀÚ¿¡°Ô ÀÖÀ¸¸ç, ÀÎÅÍÆÄÅ©µµ¼­´Â ÇØ´ç »óÇ°°ú ³»¿ë¿¡ ´ëÇØ Ã¥ÀÓÁöÁö ¾Ê½À´Ï´Ù.

    »óÈ£

    (ÁÖ)±³º¸¹®°í

    ´ëÇ¥ÀÚ¸í

    ¾Èº´Çö

    »ç¾÷ÀÚµî·Ï¹øÈ£

    102-81-11670

    ¿¬¶ôó

    1544-1900

    ÀüÀÚ¿ìÆíÁÖ¼Ò

    callcenter@kyobobook.co.kr

    Åë½ÅÆǸž÷½Å°í¹øÈ£

    01-0653

    ¿µ¾÷¼ÒÀçÁö

    ¼­¿ïƯº°½Ã Á¾·Î±¸ Á¾·Î 1(Á¾·Î1°¡,±³º¸ºôµù)

    ±³È¯/ȯºÒ

    ¹ÝÇ°/±³È¯ ¹æ¹ý

    ¡®¸¶ÀÌÆäÀÌÁö > Ãë¼Ò/¹ÝÇ°/±³È¯/ȯºÒ¡¯ ¿¡¼­ ½Åû ¶Ç´Â 1:1 ¹®ÀÇ °Ô½ÃÆÇ ¹× °í°´¼¾ÅÍ(1577-2555)¿¡¼­ ½Åû °¡´É

    ¹ÝÇ°/±³È¯°¡´É ±â°£

    º¯½É ¹ÝÇ°ÀÇ °æ¿ì Ãâ°í¿Ï·á ÈÄ 6ÀÏ(¿µ¾÷ÀÏ ±âÁØ) À̳»±îÁö¸¸ °¡´É
    ´Ü, »óÇ°ÀÇ °áÇÔ ¹× °è¾à³»¿ë°ú ´Ù¸¦ °æ¿ì ¹®Á¦Á¡ ¹ß°ß ÈÄ 30ÀÏ À̳»

    ¹ÝÇ°/±³È¯ ºñ¿ë

    º¯½É ȤÀº ±¸¸ÅÂø¿À·Î ÀÎÇÑ ¹ÝÇ°/±³È¯Àº ¹Ý¼Û·á °í°´ ºÎ´ã
    »óÇ°À̳ª ¼­ºñ½º ÀÚüÀÇ ÇÏÀÚ·Î ÀÎÇÑ ±³È¯/¹ÝÇ°Àº ¹Ý¼Û·á ÆǸÅÀÚ ºÎ´ã

    ¹ÝÇ°/±³È¯ ºÒ°¡ »çÀ¯

    ·¼ÒºñÀÚÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óÇ° µîÀÌ ¼Õ½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì
    (´ÜÁö È®ÀÎÀ» À§ÇÑ Æ÷Àå ÈѼÕÀº Á¦¿Ü)

    ·¼ÒºñÀÚÀÇ »ç¿ë, Æ÷Àå °³ºÀ¿¡ ÀÇÇØ »óÇ° µîÀÇ °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì
    ¿¹) È­ÀåÇ°, ½ÄÇ°, °¡ÀüÁ¦Ç°(¾Ç¼¼¼­¸® Æ÷ÇÔ) µî

    ·º¹Á¦°¡ °¡´ÉÇÑ »óÇ° µîÀÇ Æ÷ÀåÀ» ÈѼÕÇÑ °æ¿ì
    ¿¹) À½¹Ý/DVD/ºñµð¿À, ¼ÒÇÁÆ®¿þ¾î, ¸¸È­Ã¥, ÀâÁö, ¿µ»ó È­º¸Áý

    ·½Ã°£ÀÇ °æ°ú¿¡ ÀÇÇØ ÀçÆǸŰ¡ °ï¶õÇÑ Á¤µµ·Î °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì

    ·ÀüÀÚ»ó°Å·¡ µî¿¡¼­ÀÇ ¼ÒºñÀÚº¸È£¿¡ °üÇÑ ¹ý·üÀÌ Á¤ÇÏ´Â ¼ÒºñÀÚ Ã»¾àöȸ Á¦ÇÑ ³»¿ë¿¡ ÇØ´çµÇ´Â °æ¿ì

    »óÇ° Ç°Àý

    °ø±Þ»ç(ÃâÆÇ»ç) Àç°í »çÁ¤¿¡ ÀÇÇØ Ç°Àý/Áö¿¬µÉ ¼ö ÀÖÀ½

    ¼ÒºñÀÚ ÇÇÇغ¸»ó
    ȯºÒÁö¿¬¿¡ µû¸¥ ¹è»ó

    ·»óÇ°ÀÇ ºÒ·®¿¡ ÀÇÇÑ ±³È¯, A/S, ȯºÒ, Ç°Áúº¸Áõ ¹× ÇÇÇغ¸»ó µî¿¡ °üÇÑ »çÇ×Àº ¼ÒºñÀÚºÐÀïÇØ°á ±âÁØ (°øÁ¤°Å·¡À§¿øȸ °í½Ã)¿¡ ÁØÇÏ¿© 󸮵Ê

    ·´ë±Ý ȯºÒ ¹× ȯºÒÁö¿¬¿¡ µû¸¥ ¹è»ó±Ý Áö±Þ Á¶°Ç, ÀýÂ÷ µîÀº ÀüÀÚ»ó°Å·¡ µî¿¡¼­ÀÇ ¼ÒºñÀÚ º¸È£¿¡ °üÇÑ ¹ý·ü¿¡ µû¶ó ó¸®ÇÔ

    (ÁÖ)KGÀ̴Ͻýº ±¸¸Å¾ÈÀü¼­ºñ½º¼­ºñ½º °¡ÀÔ»ç½Ç È®ÀÎ

    (ÁÖ)ÀÎÅÍÆÄÅ©Ä¿¸Ó½º´Â ȸ¿ø´ÔµéÀÇ ¾ÈÀü°Å·¡¸¦ À§ÇØ ±¸¸Å±Ý¾×, °áÁ¦¼ö´Ü¿¡ »ó°ü¾øÀÌ (ÁÖ)ÀÎÅÍÆÄÅ©Ä¿¸Ó½º¸¦ ÅëÇÑ ¸ðµç °Å·¡¿¡ ´ëÇÏ¿©
    (ÁÖ)KGÀ̴Ͻýº°¡ Á¦°øÇÏ´Â ±¸¸Å¾ÈÀü¼­ºñ½º¸¦ Àû¿ëÇÏ°í ÀÖ½À´Ï´Ù.

    ¹è¼Û¾È³»

    • ±³º¸¹®°í »óÇ°Àº Åùè·Î ¹è¼ÛµÇ¸ç, Ãâ°í¿Ï·á 1~2Àϳ» »óÇ°À» ¹Þ¾Æ º¸½Ç ¼ö ÀÖ½À´Ï´Ù.

    • Ãâ°í°¡´É ½Ã°£ÀÌ ¼­·Î ´Ù¸¥ »óÇ°À» ÇÔ²² ÁÖ¹®ÇÒ °æ¿ì Ãâ°í°¡´É ½Ã°£ÀÌ °¡Àå ±ä »óÇ°À» ±âÁØÀ¸·Î ¹è¼ÛµË´Ï´Ù.

    • ±ººÎ´ë, ±³µµ¼Ò µî ƯÁ¤±â°üÀº ¿ìü±¹ Åù踸 ¹è¼Û°¡´ÉÇÕ´Ï´Ù.

    • ¹è¼Ûºñ´Â ¾÷ü ¹è¼Ûºñ Á¤Ã¥¿¡ µû¸¨´Ï´Ù.

    • - µµ¼­ ±¸¸Å ½Ã 15,000¿ø ÀÌ»ó ¹«·á¹è¼Û, 15,000¿ø ¹Ì¸¸ 2,500¿ø - »óÇ°º° ¹è¼Ûºñ°¡ ÀÖ´Â °æ¿ì, »óÇ°º° ¹è¼Ûºñ Á¤Ã¥ Àû¿ë