¹Ýµð¾Ø·ç´Ï½º ÀÎÅͳݼ­Á¡

³×ºñ°ÔÀÌ¼Ç ½Ç½Ã°£ Àαâ Ã¥

    ½ÃÀÛÇϼ¼¿ä! ¸®¾×Æ® ÇÁ·Î±×·¡¹Ö ÆäÀ̽ººÏ ¿£Áö´Ï¾î°¡ ¾Ë·ÁÁÖ´Â ½ÇÀü React.js ÇÁ·Î±×·¡¹Ö

    ½Ã¸®Áî : À§Å°ºÏ½º ¿ÀǼҽº & À¥ ½Ã¸®Áî [49]

    ¿øÁ¦ : React: Up & Running

    • ½ºÅä¾á ½ºÅ×ÆijëÇÁ Àú
    • Ãֹμ® ¿ª
    • À§Å°ºÏ½º
    • 2016³â 10¿ù 20ÀÏ
    • Á¤°¡
      22,000¿ø
    • ÆǸŰ¡
      19,800¿ø [10% ÇÒÀÎ]
    • °áÁ¦ ÇýÅÃ
      ¹«ÀÌÀÚ
    • Àû¸³±Ý
      1,100¿ø Àû¸³ [5%P]

      NAVER Pay °áÁ¦ ½Ã ³×À̹öÆäÀÌ Æ÷ÀÎÆ® 5% Àû¸³ ?

    • ¹è¼Û±¸ºÐ
      ¾÷ü¹è¼Û(¹ÝµðºÏ)
    • ¹è¼Û·á
      ¹«·á¹è¼Û
    • Ãâ°í¿¹Á¤ÀÏ

      Ãâ°í¿¹Á¤ÀÏ ¾È³»

      ¡Ø Ãâ°í¿¹Á¤ÀÏÀº µµ¼­ Àç°í»óȲ¿¡ µû¶ó º¯µ¿µÉ ¼ö ÀÖ½À´Ï´Ù.

      close

      2024³â 05¿ù 03ÀÏ(±Ý)

      ¡Ø Ãâ°í¿¹Á¤ÀÏÀº µµ¼­ Àç°í»óȲ¿¡ µû¶ó º¯µ¿µÉ ¼ö ÀÖ½À´Ï´Ù.

    ¼ö·®
    ȸ¿ø¸®ºä
    - [0]
    ISBN: 9791158390501 272ÂÊ 235 x 175 (§®)

    Áö±Ý ÀÌÃ¥Àº

    ÀÌ Ã¥°ú ÇÔ²² ±¸¸ÅÇÑ Ã¥

    ÀÌ Ã¥ÀÇ ½Ã¸®Áî

    Àüü ¼±Åà ¼îÇÎÄ«Æ® ´ã±â

    ÀÌ Ã¥Àº

    ¡º½ÃÀÛÇϼ¼¿ä! ¸®¾×Æ® ÇÁ·Î±×·¡¹Ö¡»Àº À¥ °³¹ß °üÁ¡¿¡¼­ ¸®¾×Æ®¸¦ ¹è¿ì´Â µ¥ ÃÊÁ¡À» ¸ÂÃá´Ù. óÀ½¿¡´Â ¾Æ¹«°Íµµ ¾ø´Â ºó HTML ÆÄÀÏ¿¡¼­ ½ÃÀÛÇØ Á¡Â÷ ÇÊ¿äÇÑ ¿ä¼Ò¸¦ Ãß°¡ÇÑ´Ù. ÀÌ ¹æ¹ýÀ» ÅëÇØ »õ·Î¿î ±¸¹®À̳ª ºÎ°¡ÀûÀÎ ÅøÀÌ ¾Æ´Ñ ¸®¾×Æ®¸¦ ¹è¿ì´Â µ¥ ÁýÁßÇÒ ¼ö ÀÖ´Ù.


     


    ±×·¯°í ³ª¼­ ÀϹÝÀûÀ¸·Î ¸®¾×Æ®¿Í ÇÔ²² »ç¿ëµÇ´Â º°°³ÀÇ ¼±ÅÃÀûÀÎ ±â¼úÀÎ JSX¿¡ ´ëÇØ ´Ù·ç¸ç, ½ÇÁ¦·Î ¾ÛÀ» °³¹ßÇÏ´Â µ¥ ÇÊ¿äÇÑ »çÇ×°ú ±× °úÁ¤¿¡ µµ¿òÀÌ µÇ´Â ºÎ¼öÀûÀÎ ÅøÀ» »ìÆ캻´Ù. ÀÌ·¯ÇÑ ºÎ¼öÀûÀÎ ÁÖÁ¦·Î´Â ÀÚ¹Ù½ºÅ©¸³Æ® ÆÐŰ¡ Åø(Browserify), ´ÜÀ§ Å×½ºÆ®(Jest), ¸°ÆÃ(ESLint), Çü½Ä(Flow), ¾Û ³» µ¥ÀÌÅÍ È帧 Á¶Á÷È­(Flux), ±×¸®°í ºÒº¯ µ¥ÀÌÅÍ(Immutable.js)°¡ ÀÖ´Ù. ÀÌ Ã¥ÀÇ ÇÙ½É ÁÖÁ¦ÀÎ ¸®¾×Æ®¿¡ ÃÊÁ¡À» À¯ÁöÇϱâ À§ÇØ ÀÌ·¯ÇÑ ºÎ¼öÀûÀÎ ±â¼ú¿¡ ´ëÇؼ­´Â ÃÖ¼ÒÇÑÀ¸·Î ¼Ò°³ÇÏÁö¸¸, °¢ÀÚ ÇÊ¿ä·Î ÇÏ´Â ±â¼úÀ» ¼±ÅÃÇÒ ¼ö ÀÖµµ·Ï ÃæºÐÇÑ Á¤º¸¸¦ ´ã¾Ò´Ù.



     


    ÃâÆÇ»ç ¸®ºä

    ¡º½ÃÀÛÇϼ¼¿ä! ¸®¾×Æ® ÇÁ·Î±×·¡¹Ö¡»Àº À¥ °³¹ß °üÁ¡¿¡¼­ ¸®¾×Æ®¸¦ ¹è¿ì´Â µ¥ ÃÊÁ¡À» ¸ÂÃá´Ù. óÀ½¿¡´Â ¾Æ¹«°Íµµ ¾ø´Â ºó HTML ÆÄÀÏ¿¡¼­ ½ÃÀÛÇØ Á¡Â÷ ÇÊ¿äÇÑ ¿ä¼Ò¸¦ Ãß°¡ÇÑ´Ù. ÀÌ ¹æ¹ýÀ» ÅëÇØ »õ·Î¿î ±¸¹®À̳ª ºÎ°¡ÀûÀÎ ÅøÀÌ ¾Æ´Ñ ¸®¾×Æ®¸¦ ¹è¿ì´Â µ¥ ÁýÁßÇÒ ¼ö ÀÖ´Ù.

    ±×·¯°í ³ª¼­ ÀϹÝÀûÀ¸·Î ¸®¾×Æ®¿Í ÇÔ²² »ç¿ëµÇ´Â º°°³ÀÇ ¼±ÅÃÀûÀÎ ±â¼úÀÎ JSX¿¡ ´ëÇØ ´Ù·ç¸ç, ½ÇÁ¦·Î ¾ÛÀ» °³¹ßÇÏ´Â µ¥ ÇÊ¿äÇÑ »çÇ×°ú ±× °úÁ¤¿¡ µµ¿òÀÌ µÇ´Â ºÎ¼öÀûÀÎ ÅøÀ» »ìÆ캻´Ù. ÀÌ·¯ÇÑ ºÎ¼öÀûÀÎ ÁÖÁ¦·Î´Â ÀÚ¹Ù½ºÅ©¸³Æ® ÆÐŰ¡ Åø(Browserify), ´ÜÀ§ Å×½ºÆ®(Jest), ¸°ÆÃ(ESLint), Çü½Ä(Flow), ¾Û ³» µ¥ÀÌÅÍ È帧 Á¶Á÷È­(Flux), ±×¸®°í ºÒº¯ µ¥ÀÌÅÍ(Immutable.js)°¡ ÀÖ´Ù. ÀÌ Ã¥ÀÇ ÇÙ½É ÁÖÁ¦ÀÎ ¸®¾×Æ®¿¡ ÃÊÁ¡À» À¯ÁöÇϱâ À§ÇØ ÀÌ·¯ÇÑ ºÎ¼öÀûÀÎ ±â¼ú¿¡ ´ëÇؼ­´Â ÃÖ¼ÒÇÑÀ¸·Î ¼Ò°³ÇÏÁö¸¸, °¢ÀÚ ÇÊ¿ä·Î ÇÏ´Â ±â¼úÀ» ¼±ÅÃÇÒ ¼ö ÀÖµµ·Ï ÃæºÐÇÑ Á¤º¸¸¦ ´ã¾Ò´Ù.

    ´Ù±â´É À¥ ¾ÖÇø®ÄÉÀ̼ÇÀ» ½Å¼ÓÇÏ°Ô °³¹ßÇϱâ À§ÇÑ ÆäÀ̽ººÏÀÇ ¿ÀǼҽº ±â¼úÀÎ ¸®¾×Æ®¸¦ ½ÃÀÛÇغ¸ÀÚ. ¾ßÈÄ À¥ °³¹ßÀÚÀÎ ½ºÅä¾á ½ºÅ×ÆijëÇÁ´Â ÀÌ ½Ç¿ëÀûÀÎ ¾È³»¼­¿¡¼­ ¸®¾×Æ®ÀÇ ±âº» ±¸¼º¿ä¼ÒÀÎ ÄÄÆ÷³ÍÆ®¸¦ °³¹ßÇÏ°í À̸¦ ¹ÙÅÁÀ¸·Î À¯Áö °ü¸®Çϱâ Æí¸®ÇÑ ´ë±Ô¸ð ¾ÛÀ¸·Î ±¸ÃàÇÏ´Â ¹æ¹ýÀ» ¼³¸íÇÑ´Ù. ±âº»ÀûÀÎ ÀÚ¹Ù½ºÅ©¸³Æ® ±¸¹®¿¡ Àͼ÷ÇÏ´Ù¸é Áö±Ý ¹Ù·Î ½ÃÀÛÇغ¸ÀÚ.

    ¸®¾×Æ®ÀÇ ±âº» ÀÛµ¿ ¹æ½ÄÀ» ¹è¿ì°í ³ª¸é »ç¿ëÀÚ°¡ ¿ÍÀο¡ ´ëÇÑ Æò°¡¸¦ ±â·ÏÇÒ ¼ö ÀÖ´Â ¿ÍÀÎÆеå¶ó´Â ¾ÛÀ» Á¦ÀÛÇÑ´Ù. ÀÌ °úÁ¤¿¡¼­ ¸¹Àº À¥ °³¹ßÀÚµéÀÌ ¸®¾×Æ®¸¦ À¥ °³¹ßÀÇ ÇÙ½É ±â¼ú·Î ÀÎÁ¤ÇÏ´Â ÀÌÀ¯¸¦ ÀÌÇØÇÒ ¼ö ÀÖÀ» °ÍÀÌ´Ù.

    ¡Ú ÀÌ Ã¥¿¡¼­ ´Ù·ç´Â ³»¿ë ¡Ú
    ¡Ý ¸®¾×Æ® ¼³Á¤°ú ù ¹ø° \"Hello world\" À¥ ¾Û ÀÛ¼º
    ¡Ý ÀÏ¹Ý DOM ÄÄÆ÷³ÍÆ®¿Í ÇÔ²² »ç¿ëÇÒ Ä¿½ºÅÒ ¸®¾×Æ® ÄÄÆ÷³ÍÆ® °³¹ß
    ¡Ý ³»¿ëÀ» ÆíÁý, Á¤·Ä, °Ë»öÇÏ°í ³»º¸³¾ ¼ö ÀÖ´Â µ¥ÀÌÅÍ Å×À̺í ÄÄÆ÷³ÍÆ® °³¹ß
    ¡Ý ÇÔ¼ö È£Ãâ ¹æ½ÄÀ» ´ë½ÅÇÒ ¼ö ÀÖ´Â JSX ±¸¹® È®Àå »ç¿ë
    ¡Ý ¸®¾×Æ®¿¡ ÁýÁßÇÏ´Â µ¥ µµ¿òÀÌ µÇ´Â °£¼ÒÇÑ Àú¼öÁØ ºôµå ÇÁ·Î¼¼½º ¼³Á¤
    ¡Ý µ¥ÀÌÅ͸¦ Ŭ¶óÀ̾ðÆ®¿¡ ÀúÀåÇÏ´Â ¿ÏÀüÇÑ Ä¿½ºÅÒ ¾Û °³¹ß
    ¡Ý ESLint, Ç÷οì(Flow), Á¦½ºÆ®(Jest) ÅøÀ» ÀÌ¿ëÇØ ¾Û °³¹ß °úÁ¤¿¡¼­ Äڵ带 °Ë»çÇÏ°í Å×½ºÆ®
    ¡Ý Ç÷°½º¸¦ ÀÌ¿ëÇÑ ÄÄÆ÷³ÍÆ® °£ÀÇ Åë½Å °ü¸®

    ÀúÀÚ ¼Ò°³

    ½ºÅä¾á ½ºÅ×ÆijëÇÁ

    • ±¸ºÐ : Àú¼­
    • ±¹Àû : ±âŸ
    • ºÐ·ù : °úÇÐ/°øÇÐ ÀúÀÚ , ±âŸ
    • ÀαâÁö¼ö : 21

    ÆäÀ̽ººÏ ¿£Áö´Ï¾î¸ç ÀúÀÚ ¹× ¿¬»ç·Î È°µ¿ÇÏ°í ÀÖ´Ù. ÄÁÆÛ·±½º¿Í ±×ÀÇ ºí·Î±× (www.phpied.com)¿¡¼­ À¥ °³¹ßÀ» ÁÖÁ¦·Î Á¤±âÀûÀ¸·Î ¹ßÇ¥ÇÏ°í ÀÖ´Ù. ¶ÇÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® ÆÐÅÏÀ» ¿¬±¸ÇÏ´Â JSPatterns.comÀ» ºñ·ÔÇÑ ¿©·¯ »çÀÌÆ®¸¦ ¿î¿µÇÏ°í ÀÖ´Ù. ¾ßÈÄ¿¡¼­ ±Ù¹«ÇÒ ¶§ YSlow 2.0À» ¼³°èÇßÀ¸¸ç À̹ÌÁö ÃÖÀûÈ­ µµ±¸ÀÎ Smush.itÀÇ Ã¢½ÃÀÚÀ̱⵵ ÇÏ´Ù.
    ºÒ°¡¸®¾Æ¿¡¼­ ž ÀÚ¶úÁö¸¸, ij³ª´Ù ½Ã¹Î±ÇÀÚÀ̸ç ÇöÀç Ķ¸®Æ÷´Ï¾ÆÁÖ ·Î½º¿£Á©·¹½º¿¡ °ÅÁÖÇÏ°í ÀÖ´Ù. ¿ÀÇÁ¶óÀÎ ¶§´Â ±âŸ¸¦ ¿¬ÁÖÇϰųª ºñÇà ¼ö¾÷À» Áñ±â¸ç °¡Á·°ú ÇÔ²² »êŸ ¸ð´ÏÄ« Çغ¯¿¡¼­ ½Ã°£À» º¸³»°í ÀÖ´Ù.

    ¿ªÀÚ ¼Ò°³

    Ãֹμ®

    • ±¹Àû : ´ëÇѹα¹
    • ºÐ·ù : °úÇÐ/°øÇÐ ÀúÀÚ , ±âŸ
    • ÀαâÁö¼ö : 219

    ¹ø¿ªÈ¸»ç¿¡¼­ ¾ð¾îÀü¹®°¡·Î ÀÏÇÏ´Ù ¶æÇÏ´Â ¹Ù¸¦ ÀÌ·ç±â À§ÇØ ÇÁ¸®·£¼­·Î µ¶¸³Çؼ­ ÇöÀç´Â Àü¹® ¹ø¿ª°¡·Î ÀÏÇÏ°í ÀÖ´Ù. ÁÖ·Î IT °ü·Ã ¼ÒÇÁÆ®¿þ¾îÀÇ ÇöÁöÈ­¿Í °³¹ßÀÚ À¥ »çÀÌÆ® °ü·Ã ÇÁ·ÎÁ§Æ®¸¦ ÁøÇàÇÏ°í ÀÖÀ¸¸ç ¾ÕÀ¸·Î °³¹ßÀÚ ¼­Àû ºÐ¾ß¿¡¼­ ÀÛÀº º¯È­¸¦ ÀÏÀ¸Å°°í ½Í´Ù´Â ¼Ò¹ÚÇÑ ¼Ò¸ÁÀÌ ÀÖ´Ù. ¹ø¿ª°¡ÀÇ °í¹ÎÀº µ¶ÀÚÀÇ °í¹Î°ú ¹Ýºñ·ÊÇÑ´Ù´Â ¹ÏÀ½À¸·Î ¿À´Ãµµ ±â²¨ÀÌ °í¹ÎÇÒ Áغñ°¡ µÅ ÀÖ´Ù. ¹ø¿ªÇÑ Ã¥À¸·Î´Â ¡ºÇÁ·Î ¸®¾×Æ®¡» ¡º³×Ƽ ÀÎ ¾×¼Ç¡» ¡º¿£ÅÍÇÁ¶óÀÌÁî ¾ÖÇø®ÄÉÀÌ¼Ç ¾ÆÅ°ÅØó ÆÐÅÏ¡» ¡ºÀ¯´ÏƼ¿Í C#À¸·Î ¹è¿ì´Â °ÔÀÓ °³¹ß ±³°ú¼­¡» ¡ºÀÚ¹Ù À¥ °³¹ß ¿Ïº® °¡À̵塻 ¡º½ÃÀÛÇϼ¼¿ä! ½ºÇÁ¸µ 4 ÇÁ·Î±×·¡¹Ö¡» ¡º°ÔÀÓ µðÀÚÀÎ ¿öÅ©¼ó¡»ÀÌ ÀÖ´Ù.

    ¸ñÂ÷

    ¢Ã 01Àå: Hello World ¼³Á¤
    Hello React World
    ÀÛµ¿ ¿ø¸®
    React.DOM.*
    Ư¼öÇÑ DOM ¼Ó¼º
    ¸®¾×Æ® µ¥ºêÅø ºê¶ó¿ìÀú È®Àå
    ´ÙÀ½ ´Ü°è: Ä¿½ºÅÒ ÄÄÆ÷³ÍÆ®

    ¢Ã 02Àå: ÄÄÆ÷³ÍÆ®ÀÇ ¼ö¸í
    ÃÖ¼Ò ¿ä°Ç
    ÇÁ·ÎÆÛƼ
    propTypes
    ___±âº» ÇÁ·ÎÆÛƼ °ª
    »óÅÂ
    »óÅ ÀúÀå ÅؽºÆ® ¿µ¿ª ÄÄÆ÷³ÍÆ®
    DOM À̺¥Æ® Âü°í »çÇ×
    ___±âÁ¸ÀÇ À̺¥Æ® ó¸® ¹æ½Ä
    ___¸®¾×Æ®ÀÇ À̺¥Æ® ó¸®
    ÇÁ·ÎÆÛƼ¿Í »óÅÂ
    Ãʱ⠻óÅÂÀÇ ÇÁ·ÎÆÛƼ: ¾ÈƼ ÆÐÅÏ
    ¿ÜºÎ¿¡¼­ ÄÄÆ÷³ÍÆ® Á¢±Ù
    ÀÛµ¿ Áß ÇÁ·ÎÆÛƼ º¯°æ
    ¼ö¸í Áֱ⠸޼­µå
    ¼ö¸í Áֱ⠿¹Á¦: ¸ðµÎ ±â·ÏÇϱâ
    ¼ö¸í Áֱ⠿¹Á¦: ¹Í½ºÀÎ »ç¿ë
    ¼ö¸í Áֱ⠿¹Á¦: ÀÚ½Ä ÄÄÆ÷³ÍÆ® »ç¿ë
    ¼º´ÉÀ» À§ÇÑ ÄÄÆ÷³ÍÆ® ¾÷µ¥ÀÌÆ® ¹æÁö
    PureRenderMixin

    ¢Ã 03Àå: Excel: ¸ÚÁø Å×À̺í ÄÄÆ÷³ÍÆ®
    µ¥ÀÌÅÍ Áغñ
    Å×À̺í Çì´õ ·çÇÁ
    ÄÜ¼Ö °æ°í µð¹ö±ë
    td ³»¿ë Ãß°¡
    ___ÄÄÆ÷³ÍÆ®¸¦ °³¼±ÇÏ´Â ¹æ¹ý
    Á¤·Ä
    ___ÄÄÆ÷³ÍÆ®¸¦ °³¼±ÇÏ´Â ¹æ¹ý
    Á¤·Ä UI Ç¥½Ã
    µ¥ÀÌÅÍ ÆíÁý
    ___ÆíÁý °¡´ÉÇÑ ¼¿
    ___ÀÔ·Â ÇÊµå ¼¿
    ___ÀúÀå
    ___°¡»ó DOMÀÇ Â÷ÀÌÁ¡ ºñ±³¿Í °á·Ð
    °Ë»ö
    ___»óÅÂ¿Í UI
    ___³»¿ë ÇÊÅ͸µ
    ___°Ë»öÀ» °³¼±ÇÏ´Â ¹æ¹ý
    ºü¸¥ ÀçÇö
    ___ÀçÇö ±â´ÉÀ» °³¼±ÇÏ´Â ¹æ¹ý
    ___´Ù¸¥ ±¸Çö ¹æ¹ý
    Å×ÀÌºí µ¥ÀÌÅÍ ³»·Á¹Þ±â

    ¢Ã 04Àå: JSX
    Hello JSX
    JSX Æ®·£½ºÆÄÀÏ
    ¹Ùº§
    Ŭ¶óÀ̾ðÆ® Ãø
    JSX º¯È¯
    JSX¿¡¼­ ÀÚ¹Ù½ºÅ©¸³Æ® »ç¿ë
    JSXÀÇ °ø¹é
    JSXÀÇ ÁÖ¼®
    HTML ¿£ÅÍƼ
    ___XSS ¹æÁö
    ½ºÇÁ·¹µå ¼Ó¼º
    ___ºÎ¸ð ´ë ÀÚ½Ä ½ºÇÁ·¹µå ¼Ó¼º
    JSX¿¡¼­ ¿©·¯ ³ëµå ¹Ýȯ
    JSX¿Í HTMLÀÇ Â÷ÀÌÁ¡
    ___className°ú htmlFor
    ___styleÀÌ °´Ã¼·Î Ãë±ÞµÊ
    ___´Ý´Â ű×
    ___ij¸ÖÇ¥±â¹ýÀ¸·Î ¼Ó¼º Ç¥±â
    JSX¿Í Æû
    ___onChange Çڵ鷯
    ___value¿Í defaultValue
    ___