¼öÇè¼ | Âü°í¼ | Àڰݼ | ÀϹݵµ¼ | + ½°ÅÍ |
Do it ¸®¾×Æ® ¸ð´ø À¥ °³¹ß with ŸÀÔ½ºÅ©¸³Æ® ÀÌÁö½ºÆÛºí¸®½Ì/Àü¿¹È«
- »óÇ°Á¤º¸
- »óÇ°Æò°¡
- »óÇ°¹®ÀÇ
- ¹è¼Û/¹ÝÇ°/ȯºÒ
Do it! ¸®¾×Æ® ¸ð´ø À¥ °³¹ß with ŸÀÔ½ºÅ©¸³Æ®
Å×ÀÏÀ©µåCSS, ÈÅ, ¸®´ö½º, ¶ó¿ìÆÃÀ» È°¿ëÇÑ ÃֽŠ½Ç¹« Äڵ带 ¸¸³´Ù!
Á¤°¡ : 40,000¿øÆǸŰ¡ 36,000¿ø (10% ÇÒÀÎ)
Ç°¸ñÁ¤º¸
¹ßÇàÀÏ | 2023³â 01¿ù 09ÀÏ |
---|---|
Âʼö, ¹«°Ô, Å©±â | 680ÂÊ | 1,406g | 188*257*27mm |
ISBN13 | 9791163034353 |
ISBN10 | 1163034355 |
Ã¥¼Ò°³
“¸®¾×Æ® °³¹ßÀÚ¶ó¸é ÀÌ·¸°Ô ÄÚµùÇØ¾ß ÀÎÁ¤¹Þ´Â´Ù.”
SPA¿Í REST API ¼¹ö¸¦ ¸¸µé¸é¼ ¸ð´ø À¥ °³¹ßÀ» ¹è¿î´Ù!
À¥ ÇÁ·±Æ®¿£µå °³¹ßÀÚ¸¦ ²Þ²Ù´Â ÀÌ¿¡°Ô ¸ð´ø À¥ °³¹ßÀÇ Æ®·»µå¸¦ ¾Ë·Á ÁØ´Ù. ¸¹Àº ±â¾÷¿¡¼ ¿ì´ëÇϴ ŸÀÔ½ºÅ©¸³Æ® ±â¹ÝÀÇ ¸®¾×Æ® ÇÁ·Î±×·¡¹ÖÀ¸·Î ¿äÁò ´ë¼¼·Î ¶°¿À¸¥ SPA(single page application)¿Í REST(representational state transfer) API ¼¹ö¸¦ ¸¸µç´Ù. ±× °úÁ¤¿¡¼ ¸®¾×Æ® ÈÅ°ú ¸®´ö½º, ¶ó¿ìÆÃÀº ¹°·Ð Å×ÀÏÀ©µåCSS·Î ÄÄÆ÷³ÍÆ® ½ºÅ¸Àϸµ±îÁö ½ÀµæÇÒ ¼ö ÀÖ´Ù. ¶ÇÇÑ ¿À·ù¸¦ ¸·°í ¼º´ÉÀ» ³ôÀÌ´Â ÃÖÀûÈ ±â¹ý°ú ±Û·Î¹ú ¼öÁØÀÇ Å¸ÀÔ½ºÅ©¸³Æ® ÄÚµå ÆÐÅϵµ ¿³º¼ ¼ö ÀÖ´Ù. Ã¥¿¡¼ ´Ù·é ³»¿ëÀ» Á¾ÇÕÇØ ¾÷¹« °ü¸® ¼ÒÇÁÆ®¿þ¾îÀÎ Æ®·¼·Î °°Àº ¾ÛÀ» ¸¸µé¾î º»´Ù.
SPA¿Í REST API ¼¹ö¸¦ ¸¸µé¸é¼ ¸ð´ø À¥ °³¹ßÀ» ¹è¿î´Ù!
À¥ ÇÁ·±Æ®¿£µå °³¹ßÀÚ¸¦ ²Þ²Ù´Â ÀÌ¿¡°Ô ¸ð´ø À¥ °³¹ßÀÇ Æ®·»µå¸¦ ¾Ë·Á ÁØ´Ù. ¸¹Àº ±â¾÷¿¡¼ ¿ì´ëÇϴ ŸÀÔ½ºÅ©¸³Æ® ±â¹ÝÀÇ ¸®¾×Æ® ÇÁ·Î±×·¡¹ÖÀ¸·Î ¿äÁò ´ë¼¼·Î ¶°¿À¸¥ SPA(single page application)¿Í REST(representational state transfer) API ¼¹ö¸¦ ¸¸µç´Ù. ±× °úÁ¤¿¡¼ ¸®¾×Æ® ÈÅ°ú ¸®´ö½º, ¶ó¿ìÆÃÀº ¹°·Ð Å×ÀÏÀ©µåCSS·Î ÄÄÆ÷³ÍÆ® ½ºÅ¸Àϸµ±îÁö ½ÀµæÇÒ ¼ö ÀÖ´Ù. ¶ÇÇÑ ¿À·ù¸¦ ¸·°í ¼º´ÉÀ» ³ôÀÌ´Â ÃÖÀûÈ ±â¹ý°ú ±Û·Î¹ú ¼öÁØÀÇ Å¸ÀÔ½ºÅ©¸³Æ® ÄÚµå ÆÐÅϵµ ¿³º¼ ¼ö ÀÖ´Ù. Ã¥¿¡¼ ´Ù·é ³»¿ëÀ» Á¾ÇÕÇØ ¾÷¹« °ü¸® ¼ÒÇÁÆ®¿þ¾îÀÎ Æ®·¼·Î °°Àº ¾ÛÀ» ¸¸µé¾î º»´Ù.
- Ã¥ÀÇ ÀϺΠ³»¿ëÀ» ¹Ì¸® Àо½Ç ¼ö ÀÖ½À´Ï´Ù. ¹Ì¸®º¸±â
¸ñÂ÷
01 ¸®¾×Æ® °³¹ß Áغñ
01-1 ¸®¾×Æ® ÇÁ·¹ÀÓ¿öÅ© ÀÌÇØÇϱâ
01-2 À©µµ¿ì¿¡¼ ¸®¾×Æ® °³¹ß ȯ°æ ¸¸µé±â
01-3 macOS¿¡¼ ¸®¾×Æ® °³¹ß ȯ°æ ¸¸µé±â
01-4 VSCode °³¹ß ȯ°æ ¼³Á¤Çϱâ
01-5 ù ¹ø° ¸®¾×Æ® ÇÁ·ÎÁ§Æ® ¸¸µé±â
02 ¸®¾×Æ® µ¿ÀÛ ¿ø¸®
02-1 °¡»ó DOM ÀÌÇØÇϱâ
02-2 JSX ±¸¹® ÀÌÇØÇϱâ
02-3 ÄÄÆ÷³ÍÆ® ÀÌÇØÇϱâ
02-4 key¿Í children ¼Ó¼º ÀÌÇØÇϱâ
02-5 À̺¥Æ® ¼Ó¼º ÀÌÇØÇϱâ
03 ÄÄÆ÷³ÍÆ® CSS ½ºÅ¸Àϸµ
03-1 ¸®¾×Æ® ÄÄÆ÷³ÍÆ®ÀÇ CSS ½ºÅ¸Àϸµ
03-2 Å×ÀÏÀ©µåCSS ¸®¾×Æ® ÇÁ·ÎÁ§Æ® ¸¸µé±â
03-3 CSS »óÀÚ ¸ðµ¨ ÀÌÇØÇϱâ
03-4 Ç÷º½º ·¹ÀÌ ÀÌÇØÇϱâ
03-5 daisyui CSS ÄÄÆ÷³ÍÆ® ÀÌÇØÇϱâ
04 ÇÔ¼ö ÄÄÆ÷³ÍÆ®¿Í ¸®¾×Æ® ÈÅ
04-1 óÀ½ ¸¸³ª´Â ¸®¾×Æ® ÈÅ
04-2 useMemo¿Í useCallback ÈÅ ÀÌÇØÇϱâ
04-3 useState ÈÅ ÀÌÇØÇϱâ
04-4 useEffect¿Í useLayoutEffect ÈÅ ÀÌÇØÇϱâ
04-5 useRef¿Í useImperativeHandle ÈÅ ÀÌÇØÇϱâ
04-6 useContext ÈÅ ÀÌÇØÇϱâ
05 »óÅ °ü¸®¿Í ¸®´ö½º ÆÐÅ°Áö
05-1 ¸®´ö½º ±âº» °³³ä ÀÌÇØÇϱâ
05-2 ¸®µà¼ È°¿ëÇϱâ
05-3 ¸®´ö½º ¹Ìµé¿þ¾î ÀÌÇØÇϱâ
05-4 Æ®·¼·Î µû¶ó ¸¸µé±â
06 ¸®¾×Æ® ¶ó¿ìÅÍ
06-1 óÀ½ ¸¸³ª´Â ¸®¾×Æ® ¶ó¿ìÅÍ
06-2 Outlet ÄÄÆ÷³ÍÆ®¿Í Áßø ¶ó¿ìÆÃ
06-3 °ø°³ ¶ó¿ìÆ®¿Í ºñ°ø°³ ¶ó¿ìÆ® ±¸ÇöÇϱâ
07 ¸ù°íDB¿Í API ¼¹ö
07-1 ¸ù°íDB ÀÌÇØÇϱâ
07-2 ÇÁ·Î±×·¡¹ÖÀ¸·Î ¸ù°íDB »ç¿ëÇϱâ
07-3 ÀͽºÇÁ·¹½º ÇÁ·¹ÀÓ¿öÅ©·Î API ¼¹ö ¸¸µé±â
07-4 JSON À¥ ÅäÅ«À¸·Î ȸ¿ø ÀÎÁõ ±â´É ±¸ÇöÇϱâ
ã¾Æº¸±â
01-1 ¸®¾×Æ® ÇÁ·¹ÀÓ¿öÅ© ÀÌÇØÇϱâ
01-2 À©µµ¿ì¿¡¼ ¸®¾×Æ® °³¹ß ȯ°æ ¸¸µé±â
01-3 macOS¿¡¼ ¸®¾×Æ® °³¹ß ȯ°æ ¸¸µé±â
01-4 VSCode °³¹ß ȯ°æ ¼³Á¤Çϱâ
01-5 ù ¹ø° ¸®¾×Æ® ÇÁ·ÎÁ§Æ® ¸¸µé±â
02 ¸®¾×Æ® µ¿ÀÛ ¿ø¸®
02-1 °¡»ó DOM ÀÌÇØÇϱâ
02-2 JSX ±¸¹® ÀÌÇØÇϱâ
02-3 ÄÄÆ÷³ÍÆ® ÀÌÇØÇϱâ
02-4 key¿Í children ¼Ó¼º ÀÌÇØÇϱâ
02-5 À̺¥Æ® ¼Ó¼º ÀÌÇØÇϱâ
03 ÄÄÆ÷³ÍÆ® CSS ½ºÅ¸Àϸµ
03-1 ¸®¾×Æ® ÄÄÆ÷³ÍÆ®ÀÇ CSS ½ºÅ¸Àϸµ
03-2 Å×ÀÏÀ©µåCSS ¸®¾×Æ® ÇÁ·ÎÁ§Æ® ¸¸µé±â
03-3 CSS »óÀÚ ¸ðµ¨ ÀÌÇØÇϱâ
03-4 Ç÷º½º ·¹ÀÌ ÀÌÇØÇϱâ
03-5 daisyui CSS ÄÄÆ÷³ÍÆ® ÀÌÇØÇϱâ
04 ÇÔ¼ö ÄÄÆ÷³ÍÆ®¿Í ¸®¾×Æ® ÈÅ
04-1 óÀ½ ¸¸³ª´Â ¸®¾×Æ® ÈÅ
04-2 useMemo¿Í useCallback ÈÅ ÀÌÇØÇϱâ
04-3 useState ÈÅ ÀÌÇØÇϱâ
04-4 useEffect¿Í useLayoutEffect ÈÅ ÀÌÇØÇϱâ
04-5 useRef¿Í useImperativeHandle ÈÅ ÀÌÇØÇϱâ
04-6 useContext ÈÅ ÀÌÇØÇϱâ
05 »óÅ °ü¸®¿Í ¸®´ö½º ÆÐÅ°Áö
05-1 ¸®´ö½º ±âº» °³³ä ÀÌÇØÇϱâ
05-2 ¸®µà¼ È°¿ëÇϱâ
05-3 ¸®´ö½º ¹Ìµé¿þ¾î ÀÌÇØÇϱâ
05-4 Æ®·¼·Î µû¶ó ¸¸µé±â
06 ¸®¾×Æ® ¶ó¿ìÅÍ
06-1 óÀ½ ¸¸³ª´Â ¸®¾×Æ® ¶ó¿ìÅÍ
06-2 Outlet ÄÄÆ÷³ÍÆ®¿Í Áßø ¶ó¿ìÆÃ
06-3 °ø°³ ¶ó¿ìÆ®¿Í ºñ°ø°³ ¶ó¿ìÆ® ±¸ÇöÇϱâ
07 ¸ù°íDB¿Í API ¼¹ö
07-1 ¸ù°íDB ÀÌÇØÇϱâ
07-2 ÇÁ·Î±×·¡¹ÖÀ¸·Î ¸ù°íDB »ç¿ëÇϱâ
07-3 ÀͽºÇÁ·¹½º ÇÁ·¹ÀÓ¿öÅ©·Î API ¼¹ö ¸¸µé±â
07-4 JSON À¥ ÅäÅ«À¸·Î ȸ¿ø ÀÎÁõ ±â´É ±¸ÇöÇϱâ
ã¾Æº¸±â
»ó¼¼ À̹ÌÁö
(0°³)
¸®ºäº¸µå
µî·ÏµÈ ¸®ºä°¡ ¾ø½À´Ï´Ù.
(0°³)
»óÇ°¹®ÀÇ
»óÇ° °í½Ã Á¤º¸
1. ¹è¼Û
¹è¼ÛÀº ´çÀÏ ¿ÀÈÄ 5½ÃÀÌÀü(Åä¿äÀÏÀº ¿ÀÈÄ1½Ã)¿¡ ÁÖ¹®¹× °áÀ縦 ÇÏ½Ã¸é ´çÀϹè¼ÛµË´Ï´Ù.
¹è¼ÛÀº ÁÖ¹® ÈÄ °áÀç¿Ï·áÀÏÀ» ±âÁØÀ¸·Î 1~2ÀÏ ¾È¿¡ ¹è¼Û¿Ï·á¸¦ ¿øÄ¢À¸·Î ÇÏ°í ÀÖ½À´Ï´Ù.
´Ù¸¸ ºÎµæÀÌÇÑ °æ¿ì(ÇØ´ç»óÇ°ÀÇ Ç°Àý ¹× ÀýÆÇ) °í°´´Ô²² Àüȸ¦ µå·Á¼ 󸮸¦ ÇÕ´Ï´Ù.
¹è¼ÛÀº ´çÀÏ ¿ÀÈÄ 5½ÃÀÌÀü(Åä¿äÀÏÀº ¿ÀÈÄ1½Ã)¿¡ ÁÖ¹®¹× °áÀ縦 ÇÏ½Ã¸é ´çÀϹè¼ÛµË´Ï´Ù.
¹è¼ÛÀº ÁÖ¹® ÈÄ °áÀç¿Ï·áÀÏÀ» ±âÁØÀ¸·Î 1~2ÀÏ ¾È¿¡ ¹è¼Û¿Ï·á¸¦ ¿øÄ¢À¸·Î ÇÏ°í ÀÖ½À´Ï´Ù.
´Ù¸¸ ºÎµæÀÌÇÑ °æ¿ì(ÇØ´ç»óÇ°ÀÇ Ç°Àý ¹× ÀýÆÇ) °í°´´Ô²² Àüȸ¦ µå·Á¼ 󸮸¦ ÇÕ´Ï´Ù.
2. ¹è¼Û·á
¹è¼Û·á´Â 3¸¸¿ø ÀÌ»óÀÌ °æ¿ì À̱×ÀëÇ÷¯½º¿¡¼ ºÎ´ãÇÏ°í, ¹Ì¸¸ÀÏ °æ¿ì °í°´ÀÌ 2,500¿øÀ» ºÎ´ãÇÕ´Ï´Ù.
´Ù¸¸ ±¸¸Å±Ý¾×ÀÌ 3¸¸¿ø ÀÌ»óÀε¥ Àû¸³±Ý µîÀ» »ç¿ëÇÏ¿© ½ÇÁ¦ °áÀç±Ý¾×ÀÌ 3¸¸¿ø ¹Ì¸¸ÀÌ µÇ´õ¶óµµ À̱×ÀëÇ÷¯½º¿¡¼ ¹è¼Û·á¸¦ ºÎ´ãÇÏ°í, Á¦ÁÖ¸¦ Á¦¿ÜÇÑ µµ¼Áö¿ªÀÇ °æ¿ì´Â 5,000¿øÀÌ Ãß°¡µÈ´ä´Ï´Ù. Çؿܹè¼ÛÀº Àü¾× °í°´ºÎ´ãÀÌ µÈ´ä´Ï´Ù.
5. ¹ÝÇ°/±³È¯
¹ÞÀ¸½Å ³¯ ºÎÅÍ ÀÏÁÖÀÏ À̳» ¹ÝÇ°/±³È¯ÀÌ °¡´ÉÇϽʴϴÙ. ½Ã°£ÀÌ Áö³ª¸é 󸮰¡ ºÒ°¡ÇÔÀ» ¾Ë·Á µå¸³´Ï´Ù. ´Ù¸¸ ÁÖ¹®ÇϽŠ»óÇ°°ú ´Ù¸¥ »óÇ°ÀÌ ¹è¼ÛµÇ°Å³ª Æĺ», ³«ÀåÀÌ ÀÖ´Â µµ¼ÀÇ °æ¿ì ÀÌ¿ë¾à°ü¿¡ ÁØÇÏ¿© À̱×ÀëÇ÷¯½ºÀÇ ºñ¿ëÀ¸·Î ±³È¯, ¹ÝÇ° ¹× ȯºÒ µîÀ» Çص帳´Ï´Ù.
¹ÞÀ¸½Å ³¯ ºÎÅÍ ÀÏÁÖÀÏ À̳» ¹ÝÇ°/±³È¯ÀÌ °¡´ÉÇϽʴϴÙ. ½Ã°£ÀÌ Áö³ª¸é 󸮰¡ ºÒ°¡ÇÔÀ» ¾Ë·Á µå¸³´Ï´Ù. ´Ù¸¸ ÁÖ¹®ÇϽŠ»óÇ°°ú ´Ù¸¥ »óÇ°ÀÌ ¹è¼ÛµÇ°Å³ª Æĺ», ³«ÀåÀÌ ÀÖ´Â µµ¼ÀÇ °æ¿ì ÀÌ¿ë¾à°ü¿¡ ÁØÇÏ¿© À̱×ÀëÇ÷¯½ºÀÇ ºñ¿ëÀ¸·Î ±³È¯, ¹ÝÇ° ¹× ȯºÒ µîÀ» Çص帳´Ï´Ù.
4. ȯºÒ
¹ÞÀ¸½Å ³¯ºÎÅÍ 2ÀÏ À̳»·Î Àüȳª 1:1 °Ô½Ã±Û·Î Àû¾îÁÖ¼Å¾ß °¡´ÉÇϽʴϴÙ.
5. ÁÖÀÇ
°í°´´Ô º¯½ÉÀ¸·Î ÀÎÇÑ ±³È¯/¹ÝÇ°/ȯºÒ °í°´´Ô²²¼ Åùèºñ(¿Õº¹Åùèºñ)¸¦ ºÎ´ãÀÌ µÇ´Ï ÀÌÁ¡ À¯ÀÇÇØ ÁֽʽÿÀ. ¶ÇÇÑ °ÀÇÅ×ÀÙ/¾ãÀº¹®Á¦Áý/ºñ´ÒÆ÷ÀåµÈÁ¦Ç°µîÀº Çѹø ±¸¸ÅÇÏ½Ã¸é ±³È¯/¹ÝÇ°/ȯºÒÀÌ ÀüÇô ¾ÈµË´Ï´Ù. ½ÅÁßÈ÷ »ý°¢Çϼż ±¸¸Å ºÎŹµå¸³´Ï´Ù. ´Ù¸¸ ºÒ·®Å×ÀÙÀÇ °æ¿ì ±× ºÒ·®ÀÌ µÈ °³º°Å×ÀÙÀ» À̱×ÀëÇ÷¯½ºÀÇ ºñ¿ëÀ¸·Î A/S¸¦ Çص帳´Ï´Ù.
6. ÁÖ¹®Ãë¼Ò, ±³È¯, ¹ÝÇ° ¹× ȯºÒÀº ´çÀÏ 5½Ã ÀÌÀü¿¡ ÇØÁÖ¼Å¾ß °¡´ÉÇÕ´Ï´Ù.
±× ÀÌÈÄ´Â ¹è¼Û µî¿¡ µû¸¥ Á¦ºñ¿ëÀ» ºÎ´ãÇÏ¼Å¾ß ÇÕ´Ï´Ù.