ÅëÇÕ°Ë»ö

°Ë»ö

  • IT ÀÚ°ÝÁõ ¼öÇè¼­
    • ¿öµåÇÁ·Î¼¼¼­
    • ÄÄÇ»ÅÍȰ¿ë´É·Â
    • Á¤º¸Ã³¸®/»ç¹«ÀÚµ¿È­/Á¤º¸±â±â
    • ITQ
    • GTQ
    • ÄÄÇ»Åͱ׷¡ÇȽº
    • À¥µðÀÚÀÎ
  • ½Ç¿ë ÀÚ°ÝÁõ ¼öÇè¼­
    • Çѱ¹»ç
    • Á¶¸®/Á¦°ú/¿îÀü¸éÇã
    • ±âŸ
  • IT µµ¼­
    • ÄÄÇ»ÅÍ ÀϹÝ/Ȱ¿ë
    • »ç¹«ÀÚµ¿È­(OA)
    • À¥/ȨÆäÀÌÁö
    • ±×·¡ÇÈ/¸ÖƼ¹Ìµð¾î
    • ÇÁ·Î±×·¡¹Ö
    • ÄÄÇ»ÅͰøÇÐ
    • ¾î¸°ÀÌ ±³Àç
  • ´ÜÇົ µµ¼­
    • °¡Á¤°ú »ýȰ
    • À¯¾Æ/¾Æµ¿
    • ±âŸ
  • ½Ã¸®Áî
    • ´õ ½±°Ô ¹è¿ì±â
    • ȯ»óÀÇ ÄÞºñ
    • ´«ÀÌ ÆíÇÑ
    • ¼ÓÀü¼Ó°á
    • ºñÁÖ¾ó(Visual)
    • Çб³¿¡¼­ ÅëÇÏ´Â
    • ÀÌ°Ô ÁøÂ¥

HTML/JavaScript

HOME µµ¼­Á¤º¸ IT µµ¼­ À¥/ȨÆäÀÌÁö

New ¸®¾×Æ®, Next.js·Î ¿Ï¼ºÇÏ´Â ÇÁ·ÐÆ®¿£µå ÀúÀÚ °­°æ¼® | ÆäÀÌÁö 592
ISBN 9788931481105 | Á¤°¡ 36,000 | ÃâÆÇÀÏ 2025-10-20
ÆÇ¸Åó

ºÎ·ÏCD

µµ¼­¼Ò°³

Çö¸íÇÑ ÇÁ·ÐÆ®¿£µå °³¹ßÀÚ·Î °¡´Â ½Ç¹«¼­!

ÀÌ Ã¥Àº ´Ü¼øÈ÷ ¸®¾×Æ®¿Í Next.js¸¦ »ç¿ëÇÏ´Â ¹ýÀ» ¼³¸íÇÏ´Â °ÍÀÌ ¾Æ´Õ´Ï´Ù.
½ÇÁ¦ ¼­ºñ½º¸¦ ¸¸µå´Â ÇÁ·ÐÆ®¿£µå °³¹ßÀÚÀÇ ½Ã¼±¿¡¼­, ¡®¾î¶»°Ô ±¸¼ºÇÏ°í¡¯, ¡®¿Ö ÀÌ·¸°Ô ¼³°èÇÏ´ÂÁö¡¯¿¡ ´ëÇÑ ÀÌÀ¯¿Í ±âÁØÀ» ÇÔ²² Á¦½ÃÇÕ´Ï´Ù.

ÄÄÆ÷³ÍÆ®¿Í ÈÅÀÇ ±¸Á¶È­, ¼­¹ö/Ŭ¶óÀÌ¾ðÆ® ÄÄÆ÷³ÍÆ® ºÐ¸®, fetch Àü·«, ŸÀÔ ¾ÈÁ¤¼º È®º¸, ¸ÞŸµ¥ÀÌÅÍ ±¸¼º, ¹ø¿ª ó¸®, ij½Ì Àü·«, µ¥ÀÌÅÍ ÆäĪ µî ½Ç¹«¿¡¼­ ºÎµúÈ÷´Â À̽´µéÀ» ´Ü¼ø ±â´ÉÀÌ ¾Æ´Ñ ¡°ÆÇ´Ü °¡´ÉÇÑ ¼³°è¡±·Î ¹ßÀü½ÃŰ´Â ±æÀ» º¸¿©ÁÝ´Ï´Ù.

ÃÑ 14ÀåÀ¸·Î ±¸¼ºµÈ ÀÌ Ã¥Àº Å©°Ô ¼¼ °¡Áö ÆÄÆ®·Î Àü°³µË´Ï´Ù.
1~6Àå: ÇÁ·ÐÆ®¿£µå °³¹ßÀÇ ±âÃÊ
ÇÁ·ÐÆ®¿£µå °³¹ßÀڷμ­ ¹Ýµå½Ã ÀÌÇØÇÏ°í ³Ñ¾î°¡¾ß ÇÒ ¾ð¾îÀû ±âÃÊ¿Í ÇÙ½É °³³äµéÀ» ´Ù·ì´Ï´Ù.
JavaScript¿Í TypeScriptÀÇ ÁÖ¿ä °³³äÀº ¹°·Ð, ¸®¾×Æ®ÀÇ ÄÄÆ÷³ÍÆ® ±¸Á¶, »óÅ °ü¸®, ·»´õ¸µ ¹æ½Ä µî
¸®¾×Æ® öÇÐÀÇ ±Ù°£ÀÌ µÇ´Â ±âÃÊ ±â¼ú°ú ¼³°è »ç°í¹æ½ÄÀ» ¹è¿ï ¼ö ÀÖ½À´Ï´Ù
7Àå~10Àå: ÇÁ·ÐÆ®¿£µå °³¹ßÀÇ ½Ç¹«
½ÇÁ¦ ¼­ºñ½º¸¦ ±¸¼ºÇÏ´Â °üÁ¡¿¡¼­, ÄÄÆ÷³ÍÆ® ½ºÅ¸Àϸµ°ú µðÀÚÀÎ ½Ã½ºÅÛÀÇ ±¸Çö, Next.js¸¦ ÅëÇÑ
ÇÁ·ÎÁ§Æ® ±¸¼º±îÁö ½ÇÁúÀûÀÎ ¾Û ±¸Á¶ ¼³°è¿Í ÇÁ·¹ÀÓ¿öÅ© ÀÀ¿ëÀ» Áß½ÉÀ¸·Î ´Ù·ì´Ï´Ù. ƯÈ÷ 9~10
ÀåÀº ÇϳªÀÇ ÇÁ·ÎÁ§Æ®¸¦ ½ÃÀÛºÎÅÍ ¹èÆ÷ Á÷Àü±îÁö Á÷Á¢ ±¸ÇöÇØº¸´Â ½Ç½ÀÇü ±¸¼ºÀÔ´Ï´Ù.
11Àå~14Àå: ÇÁ·ÐÆ®¿£µå °³¹ßÀÇ Çù¾÷°ú ¹Ì·¡
ÇÁ·ÐÆ®¿£µå °³¹ßÀڷμ­ÀÇ ½Ç·ÂÀ» ¿Ï¼ºµµ ÀÖ°Ô ²ø¾î¿Ã¸®´Â µµ±¸ »ç¿ë¹ý°ú, °³¹ßÀڷμ­ÀÇ ¼ºÀå Àü
·«À» Áß½ÉÀ¸·Î ±¸¼ºµÇ¾î ÀÖ½À´Ï´Ù. Git°ú CI/CD, µð¹ö±ë µµ±¸ µî ½Ç¹« ȯ°æ¿¡¼­ ÇÊ¿äÇÑ »ý»ê¼º
µµ±¸ÀÇ È°¿ë¹ýÀ» ´Ù·ç¸ç, ¸¶Áö¸· 14Àå¿¡¼­´Â AI ½Ã´ë¿¡ °³¹ßÀÚ°¡ ¾î¶² öÇаú ±âÁØÀ» °¡Á®¾ß ÇÏ
´ÂÁö¿¡ ´ëÇÑ ÀúÀÚÀÇ °íÂûÀÌ ´ã°ÜÀÖ½À´Ï´Ù.

ÀúÀÚ¼Ò°³

¡°Æí¸®ÇÔÀ» Ãß±¸ÇÏ´Â °³¹ßÀÚ¡±¶ó´Â öÇÐÀ» ¹ÙÅÁÀ¸·Î °³¹ß ¼¼°è¿¡ ¹ßÀ» ´ã±¸°í ÀÖ½À´Ï´Ù. 2025³â ÇöÀç °¡¿ìµð¿À·¦¿¡¼­ ÇÁ·ÐÆ®¿£µå ¸®µå·Î ÀçÁ÷ ÁßÀ̸ç, B2B, B2C ¼­ºñ½º ¹× ³»ºÎ Åø °³¹ßÀ» ÃѰýÇϰí ÀÖ½À´Ï´Ù.
¶ÇÇÑ ÀçÇнÃÀý Ä£±¸µé°ú â¾÷À» ½ÃÀÛÀ¸·Î ´Ù¾çÇÑ Á¦Ç°°ú ¼­ºñ½º¸¦ ±âÈ¹ÇØº¸°í °³¼±ÇÏ°í Æó±âÇÏ´Â ·çƾÀ» ²÷ÀÓ¾øÀÌ °æÇèÇßÀ¸¸ç ¾ÕÀ¸·Î ¸¹Àº »ç¶ûÀ» ¹Þ´Â ¼­ºñ½º¸¦ ¸¸µå´Â °³¹ßÀÚ¸¦ ²Þ²Ù¸ç °è¼Ó µµÀüÇϰí ÀÖ½À´Ï´Ù.

¸ñÂ÷

1Àå ¸®¾×Æ®(React)¶õ
1.1 ¸®¾×Æ®ÀÇ Àαâ
1.2 ¸®¾×Æ®ÀÇ Ã¶Çаú µîÀå
1.3 ¸®¾×Æ®ÀÇ ÇѰè
¸®¾×Æ®(React)¶õ Á¤¸®

2Àå ÀÚ¹Ù½ºÅ©¸³Æ®
2.1 ÀÚ¹Ù½ºÅ©¸³Æ® ¿ªÇÒ
2.2 ÀÚ¹Ù½ºÅ©¸³Æ® ÇöȲ
2.3 º¯¼ö¿Í ÇÔ¼ö
2.4 °´Ã¼¿Í ¹è¿­
2.5 Ŭ·¡½º¿Í ÇÁ·ÎÅäŸÀÔ
2.6 ºñµ¿±â¿Í ½Ì±Û ½º·¹µå
2.7 ¸ðµâ ½Ã½ºÅÛ°ú import/export
ÀÚ¹Ù½ºÅ©¸³Æ® Á¤¸®

3Àå ŸÀÔ½ºÅ©¸³Æ®
3.1 ŸÀÔ½ºÅ©¸³Æ® °³¿ä
3.2 ŸÀÔ½ºÅ©¸³Æ® µµÀÔ
3.3 ŸÀÔ ½Ã½ºÅÛ
3.4 ŸÀÔ º°Äª°ú ÀÎÅÍÆäÀ̽º
3.5 Á¦³×¸¯(Generic)
3.6 ´ö ŸÀÌÇÎ(Duck Typing)
3.7 À¯Æ¿¸®Æ¼ ŸÀÔ
ŸÀÔ½ºÅ©¸³Æ® Á¤¸®

4Àå ¸®¾×Æ® ±âÃÊÆí
4.1 ¸®¾×Æ® ¾ÛÀ» ¸¸µå´Â ¹æ¹ý
4.2 ÄÄÆ÷³ÍÆ®
4.3 State¿Í Props
4.4 JSX
¸®¾×Æ® ±âÃÊÆí Á¤¸®

5Àå ¸®¾×Æ® ½ÉÈ­Æí
5.1 ÇÔ¼ö ÄÄÆ÷³ÍÆ® vs Ŭ·¡½º ÄÄÆ÷³ÍÆ®
5.2 Props Drilling
5.3 Built-in Hooks
5.4 Custom Hooks
5.5 Rendering
¸®¾×Æ® ½ÉÈ­Æí Á¤¸®

6Àå ¸®¾×Æ® ½Ç¹«Æí(ÆÐÅϰú »óÅ °ü¸®)
6.1 µðÀÚÀÎ ÆÐÅÏ(Design Pattern)
6.2 »óÅ °ü¸® ¶óÀ̺귯¸®(»ó)
6.3 »óÅ °ü¸® ¶óÀ̺귯¸®(ÇÏ)
¸®¾×Æ® ½Ç¹«Æí(ÆÐÅϰú »óÅ °ü¸®) Á¤¸®

7Àå ¸®¾×Æ® ½Ç¹«Æí(ÄÄÆ÷³ÍÆ®)
7.1 ƯÀÌÇÑ ÄÄÆ÷³ÍÆ®
7.2 CSS¿Í ½ºÅ¸Àϸµ
7.3 ¸ðµâÈ­µÈ ½ºÅ¸Àϸµ
7.4 ÄÄÆ÷³ÍÆ® ½ºÅ¸Àϸµ
7.5 ÄÄÆ÷³ÍÆ® ¶óÀ̺귯¸®
¸®¾×Æ® ½Ç¹«Æí(ÄÄÆ÷³ÍÆ®) Á¤¸®

8Àå Next.js
8.1 Next.js¸¦ »ç¿ëÇØ¾ß ÇÏ´Â ÀÌÀ¯
8.2 SPA¿Í MPA
8.3 CSR°ú SSR
8.4 Next.js Åì¾Æº¸±â
Next.js Á¤¸®

9Àå Next.js ½ÇÀü ÇÁ·ÎÁ§Æ®(»ó)
9.1 ¼ÒÇÁÆ®¿þ¾î °³¹ß ¹æ¹ý·Ð
9.2 ±â¼ú ½ºÅÃ(tech stack)
9.3 ÇÁ·ÎÁ§Æ® ½ÃÀÛÇϱâ
9.4 Next.js·Î ¼­ºñ½º ¸¸µé±â
9.5 Àü±âÂ÷ ÃæÀü¼Ò °Ë»ö ¼­ºñ½º
Next.js ½ÇÀü ÇÁ·ÎÁ§Æ®(»ó) Á¤¸®

10Àå Next.js ½ÇÀü ÇÁ·ÎÁ§Æ®(ÇÏ)
10.1 ±â´É Á¤ÀÇ ¹× °èȹ
10.2 µ¥ÀÌÅÍ Æäΰú °ü¸®
10.3 UI °³¼± ÀÛ¾÷
10.4 ¼­¹ö »óÅÂ¿Í Å¬¶óÀÌ¾ðÆ® »óÅÂ
Next.js ½ÇÀü ÇÁ·ÎÁ§Æ®(ÇÏ) Á¤¸®

11Àå Git°ú GitHub
11.1 ¹öÀü °ü¸® ½Ã½ºÅÛ
11.2 Git
11.3 GitHub
11.4 ºê·£Ä¡ °ü¸® Àü·«
Git°ú GitHub Á¤¸®

12Àå CI/CD
12.1 CI/CD °³¿ä
12.2 ÇÁ·ÐÆ®¿£µåÀÇ CI/CD
12.3 Å×½ºÆ® ÄÚµå
CI/CD Á¤¸®

13Àå °³¹ßÀÚ µµ±¸¿Í µð¹ö±ë
13.1 ¸®¾×Æ® °³¹ßÀÚ µµ±¸
13.2 °³¹ßÀÚ µµ±¸
°³¹ßÀÚ µµ±¸¿Í µð¹ö±ë Á¤¸®

14Àå AI¿Í °³¹ßÀÚ
14.1 AI
14.2 ¿¡Çʷα×
¸¶¹«¸® Àλ縻

¸ñ·Ï