IT ºÐ¾ß¿¡¼ ¸¹Àº ÁÁÀº ¼ÀûÀ» Ãâ°£ÇÏ´Â ±æ¹þÃâÆÇ»çÀÇ °³¹ßÀÚ ¸®ºä¾î¿¡ ¼±Á¤µÇ¾î ÃֽŠÀ¥ ÇÁ·ÐÆ®¿£µåÀÇ »õ·Î¿î ±â¼úÀÎ ½ºº§Æ®¸¦ Á¤¸» »¡¸® ¸¸³ª°Ô µÇ¾î¼ ¸®ºä¸¦ ÀÛ¼ºÇÏ°Ô µÇ¾ú½À´Ï´Ù.
1. µµ¼ ¼Ò°³ ÆäÀÌÁö
https://www.gilbut.co.kr/book/view?bookcode=BN003290
2. ¿¹Á¦¼Ò½º
https://www.gilbut.co.kr/book/view?bookcode=BN003290
3. ¸ñÂ÷
1Àå ½ºº§Æ® ¼Ò°³
__1.1 ÀûÀº ÄÚµå
__1.2 ¼ø¼öÇÑ ¸®¾×ƼºñƼ(¹ÝÀÀ¼º)
2Àå °³¹ß ȯ°æ ±¸¼ºÇϱâ
__2.1 REPL·Î ½ÃÀÛÇØº¸±â
__2.2 ·ÎÄÿ¡¼ ÇÁ·ÎÁ§Æ® ¸¸µé¾î ÄÚµå ÀÛ¼ºÇϱâ
__2.3 Æú´õ ¹× ÆÄÀÏ ±¸¼º
3Àå Hello, Svelte~!
__3.1 script
__3.2 HTML ¸¶Å©¾÷
__3.3 style
__3.4 {} Ç¥Çö½Ä
__3.5 ½ºº§Æ® ÄÄÆ÷³ÍÆ®¸¦ document¿¡ Æ÷ÇÔ½Ã۱â
4Àå ÅÛÇø´ ±âº» Ç¥Çö½Ä
__4.1 {#if ...} ºí·Ï
__4.2 {:else if ...} ºí·Ï
__4.3 {#each ...}¸¦ »ç¿ëÇØ ¹è¿ Ç¥½ÃÇϱâ
__4.4 {#each} ·çÇÁ ¾È¿¡¼ À妽º »ç¿ëÇϱâ
__4.5 {#each}·Î JSON °´Ã¼ ´Ù·ç±â, ´ÙÂ÷¿ø ¹è¿ Ç¥½ÃÇϱâ
__4.6 Promise¿Í {#await ...} ºí·Ï »ç¿ëÇϱâ
__4.7 fetch °á°ú¸¦ {#await ...} ºí·ÏÀ¸·Î Ç¥½ÃÇϱâ
__4.8 {#key Ç¥Çö½Ä} HTML {/key}
__4.9 {#key Ç¥Çö½Ä} ÇÏÀ§ ÄÄÆ÷³ÍÆ® {/key}
__4.10 {@html}·Î µ¼¿¡ HTML ¿¤¸®¸ÕÆ® »ý¼ºÇϱâ
__4.11 {@debug}·Î µð¹ö±ë, ¸®¾×ƼºêÇÏ°Ô µð¹ö±ëÇϱâ
5Àå ¹ÝÀÀ¼º
__5.1 ½ºº§Æ®ÀÇ ¹ÝÀÀ¼ºÀ̶õ?
__5.2 ¹ÝÀÀÇü µ¥ÀÌÅÍ ¸¸µé±â
__5.3 ¼¾¼ »ý¼º°ú µ¿ÀÛ Á¤ÀÇ
__5.4 ÇÒ´çÀ» ÅëÇÑ Æ®¸®°Å ¸¸µé±â
__5.5 ¼¾¼ÀÇ »ç¿ëÇÏ´Â ³× °¡Áö ÆÐÅÏ
__5.6 ¹è¿ÀÇ º¯È °¨ÁöÇϱâ
__5.7 JSON °´Ã¼ÀÇ º¯È °¨ÁöÇϱâ
6Àå HTML ¿¤¸®¸ÕÆ®¿¡ µ¥ÀÌÅÍ ¹ÙÀεùÇϱâ
__6.1 ÅØ½ºÆ® / ÅØ½ºÆ® ÀԷ°ª ¹ÙÀεùÇϱâ
__6.2 input¿¡ ¼ýÀÚ °ª ¹ÙÀεùÇϱâ
__6.3 üũ¹Ú½º ¹ÙÀεùÇϱâ
__6.4 ´ÙÁß °´Ã¼(radio, check)¿¡ ±×·ì ¹ÙÀεùÇϱâ
__6.5 textarea ¹ÙÀεùÇϱâ
__6.6 ´ÜÀÏ select, ´ÙÁß select ¹ÙÀεùÇϱâ
__6.7 contenteditable ¹ÙÀεù
__6.8 {#each ...} ºí·Ï¿¡¼ ¼Ó¼º°ª ¹ÙÀεùÇϱâ
__6.9 mediaÀÇ ¼Ó¼º°ª ¹ÙÀεùÇϱâ
__6.10 Å©±â °ª ¹ÙÀεù
__6.11 this ¹ÙÀεù
__6.12 ÇÏÀ§ ÄÄÆ÷³ÍÆ® µ¥ÀÌÅÍ ¹ÙÀεù
7Àå ÇÏÀ§ ÄÄÆ÷³ÍÆ® »ç¿ë
__7.1 ¿¹Á¦ ÇÁ·ÎÁ§Æ® »ý¼ºÇϱâ
__7.2 ÇÏÀ§ ÄÄÆ÷³ÍÆ® ÀÛ¼ºÇϱâ
__7.3 ÇÏÀ§ ÄÄÆ÷³ÍÆ® ºÒ·¯¿À±â
__7.4 HTML¿¡¼ »ç¿ëÇϱâ
8Àå props
__8.1 props ¼±¾ðÇϱâ
__8.2 props »ç¿ëÇϱâ
__8.3 spread Ȱ¿ëÇϱâ
9Àå À̺¥Æ®
__9.1 µ¼ À̺¥Æ® ó¸®Çϱâ
__9.2 ÀζóÀÎÀ¸·Î À̺¥Æ® ó¸®Çϱâ
__9.3 À̺¥Æ® Á¦ÇÑÀÚ »ç¿ëÇϱâ
__9.4 ÇÏÀ§ ÄÄÆ÷³ÍÆ®ÀÇ Ä¿½ºÅÒ À̺¥Æ® ó¸®Çϱâ
__9.5 À̺¥Æ® Æ÷¿öµùÇϱâ
__9.6 µ¼ À̺¥Æ® Æ÷¿öµùÇϱâ
10Àå ¶óÀÌÇÁ»çÀÌŬ
__10.1 onMount
__10.2 onDestroy
__10.3 beforeUpdate¿Í afterUpdate
__10.4 tick
11Àå ½ºÅä¾î »ç¿ëÇϱâ
__11.1 writable ½ºÅä¾î·Î ½ÃÀÛÇϱâ
__11.2 readable ½ºÅä¾î »ç¿ëÇϱâ
__11.3 derived ½ºÅä¾î »ç¿ëÇϱâ
__11.4 »ç¿ëÀÚ Á¤ÀÇ ½ºÅä¾î ¸¸µé±â
__11.5 get ÇÔ¼ö »ç¿ëÇϱâ
12Àå ¸ð¼Ç
__12.1 Æ®À©
__12.2 ½ºÇÁ¸µ
13Àå Æ®·£Áö¼Ç
__13.1 Æ®·£Áö¼Ç Áö½ÃÀÚ
__13.2 ÆÄ¶ó¹ÌÅÍ ÀÌ¿ëÇϱâ
__13.3 in/out »ç¿ëÇϱâ
__13.4 Æ®·£Áö¼Ç À̺¥Æ® Á¤ÀÇÇϱâ
__13.5 ·ÎÄà Ʈ·£Áö¼Ç
14Àå ¾Ö´Ï¸ÞÀ̼Ç
15Àå ¾×¼Ç
__15.1 use Áö½ÃÀÚ »ç¿ëÇϱâ
__15.2 ÆÄ¶ó¹ÌÅÍ »ç¿ëÇϱâ
16Àå Ŭ·¡½º
__16.1 class ¼Ó¼ºÀ» È®ÀåÇÏ¿© »ç¿ëÇϱâ
__16.2 class Áö½ÃÀÚ »ç¿ëÇϱâ
17Àå slot »ç¿ëÇϱâ
__17.1 slotÀ̶õ?
__17.2 slot ±âº»°ª »ç¿ëÇϱâ
__17.3 named slot »ç¿ëÇϱâ
__17.4 $$slotsÀ» ÀÌ¿ëÇÑ ÄÜÅÙÃ÷ üũ
__17.5 slotÀÇ props »ç¿ëÇϱâ
18Àå ÄÁÅØ½ºÆ® API
__18.1 setContext¿Í getContext
__18.2 hasContext
__18.3 ÄÁÅØ½ºÆ®¿Í ½ºÅä¾î Â÷ÀÌÁ¡ ºñ±³
19Àå Æ¯¼ö ¿¤¸®¸ÕÆ®
20Àå µÎ³ú °³¹ß °ÔÀÓ¸¸µé±â
__20.1 °ÔÀÓ È¸é ¹Ì¸® º¸±â
__20.2 ¾ÖÇø®ÄÉÀÌ¼Ç ¾ÆÅ°ÅØÃ³
__20.3 ¹èÆ÷ ¾ÆÅ°ÅØÃ³
__20.4 ½ºº§Æ®Å¶À¸·Î ÇÁ·ÎÁ§Æ® »ý¼º
__20.5 ÄÚµå ÀÛ¼º ÁغñÇϱâ
__20.6 ¶ó¿ìÅÍ·Î ÆäÀÌÁö ±¸¼ºÇϱâ
__20.7 ·¹À̾ƿôÀ¸·Î ¸Þ´º ±¸¼ºÇϱâ
__20.8 ½ºÅä¾î ±¸¼ºÇϱâ
__20.9 Ȩ(À̹ø ÁÖÀÇ Á¡¼ö) ±¸Çö
__20.10 °ÔÀÓ ±¸Çö
__20.11 Á¡¼ö ÀúÀå ±¸Çö
__20.12 ¸ù°íµðºñ ¿¬°áÇϱâ
__20.13 REST API ±¸Çö
__20.14 À̹ø ÁÖÀÇ Á¡¼ö¸¦ REST·Î ±¸Çö
__20.15 Á¡¼ö ÀúÀåÀ» REST·Î ±¸Çö
__20.16 ±êÇãºê Ŭ¶óÀÌ¾ðÆ® ¼³Ä¡Çϱâ
__20.17 SSH·Î ±êÇãºê¿¡ ¿¬°áÇϱâ
__20.18 ±êÇãºê·Î ¼Ò½º ¹èÆ÷Çϱâ
__20.19 AWS ¼¹ö ¸¸µé±â
__20.20 Å͹̳ο¡¼ Á¢¼ÓÇϱâ
__20.21 AWS ¾Û ¼¹ö·Î ¼³Á¤Çϱâ
__20.22 ·ÎÄà °³¹ß ȯ°æ¿¡¼ ºôµå
__20.23 ¿î¿µ(AWS) ȯ°æ¿¡¼ ºôµå ¹× ½ÇÇà
4. ÁöÀºÀÌ ¼Ò°³
¤ýÁöÀºÀÌ ¹Ú½ÂÇö
Á¦¹ÎÀÌ, Áö¼ö, ±×¸®°í ÁöÀ±ÀÌ ¾ÆºüÀÔ´Ï´Ù. ¾î·ÈÀ» ¶§ºÎÅÍ ÇÁ·Î±×·¡¹ÖÀ» Á÷¾÷À¸·Î °¡Áö°í ½Í¾ú°í, ¸ÅÀÏ ¸ÅÀÏ ±× ²ÞÀ» ÀÌ·ç°í »ç´Â »ý°èÇü °³¹ßÀÚÀÔ´Ï´Ù. ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ÁÁ¾ÆÇÏ°í °ü·Ã ±â¼ú¿¡ ´ëÇÑ Àâ´ãÀ» ÁÁ¾ÆÇÕ´Ï´Ù.
5. Ã¥À» ÀÐÀº ÈÄ ¸®ºä
- ¿äÁò ¸¹ÀÌ »ç¿ëµÇ´Â React, vueµîÀÇ ÇÁ·ÐÆ®¿£µå ÇÁ·¹ÀÓ¿öÅ© ±â¼ú°ú ºñ½ÁÇÑ »õ·Î¿î ÇÁ·¹ÀÓ¿öÅ©ÀÎ ½ºº§Æ®°¡ ³ª¿Ô´Ù°í ÇÏ¿© ±×µ¿¾È ¸¹Àº °ü½ÉÀ» °®°í ÀÖ¾ú´Âµ¥ °ü·Ã ¼ÀûÀÌ ¸¹ÀÌ ³ª¿ÀÁö ¾Ê¾Æ¼ À̹ø¿¡ °¡Àå »¡¸® ¸¸³ª´Â ½ºº§Æ®´Â Á¤¸» ½ºº§Æ®¸¦ »¡¸® ¸¸³ª°Ô ÇØÁִ åÀÌ¿´½À´Ï´Ù.ÇöÀç À¥°³¹ßÀÚ·Î Çö¾÷¿¡¼ vue¸¦ »ç¿ëÇÏ¿© ÇÁ·ÐÆ®¿£µå¸¦ °³¹ßÇϰí Àִµ¥, Àü¹ÝÀûÀ¸·Î ºñ½ÁÇÑ ÅÛÇø´ ±âº»Ç¥Çö½ÄÀ̳ª ¹ÝÀÀ¼º, HTML ¿¤¸®¸ÕÆ® µ¥ÀÌÅÍ ¹ÙÀεù, ÄÄÆ÷³ÍÆ® »ç¿ë, props, ½ºÅä¾î »ç¿ëµî ´Ù¸¥ ÇÁ·¹ÀÓ¿öÅ©°¡ °®°í ÀÖ´Â ±â¼úµéÀº ´Ù °®Ãß°í ÀÖÀ¸³ª ½ºº§Æ®ÀÇ ÀåÁ¡Àº °£°áÇÏ°í »ç¿ëÇÏ±â ÆíÇÏ´Ù´Â °ÍÀÌ¿´½À´Ï´Ù. Ã¥¿¡¼´Â Àü¹ÝÀûÀÎ ±â´É°ú °í±Þ±â¼úµéÀ» ´Ù Àß ¼³¸íÇØÁÖ°í ÀÖ¾î¼ µû¶ó°¡¸é¼ Àо ¾ÆÁÖ Èï¹Ì·Ó°Ô ÀÐÀ» ¼ö ÀÖ¾ú°í, ½Ç½Àµµ °°ÀÌ ÇÏ¸é ´õ ÀÚ±â°ÍÀ¸·Î ¸¸µé ¼ö ÀÖÀ»°Å¶ó´Â »ý°¢ÀÌ µé¾ú½À´Ï´Ù. Çö¾÷¿¡¼ Àû¿ëÇÑ´Ù¸é React ³ª vue º¸´Ù °³¹ß»ý»ê¼ºµµ ´õ Àß ³ª¿Ã ¼ö ÀÖÀ»°Å °°Àº »ý°¢ÀÌ µé¾ú½À´Ï´Ù. ¾ÆÁ÷ ÀÎÁöµµ°¡ ´Ù¸¥ ÇÁ·¹ÀÓ¿öÅ© º¸´Ù ³ôÁö ¾Ê¾Æ¼ Çö¾÷¿¡¼ ¸¹ÀÌ »ç¿ëÇϰí ÀÖÁö´Â ¾ÊÀ¸³ª ¾ÕÀ¸·Î ÇÁ·ÐÆ®¿£µå °³¹ß¿¡¼ ¸¹ÀÌ »ç¿ëµÇ¸®¶ó ±â´ë µÇ¹Ç·Î ¹Ì¸® ±â¼úÀ» ¾Ë¾Æ°¡´Âµ¥ ¾ÆÁÖ À¯¿ëÇÑ Âü°í¼°¡ µÇ¸®¶ó°í È®½ÅÇÕ´Ï´Ù.
±æ¹þÃâÆÇ»ç °³¹ßÀÚ ¸®ºä¾î ¼±Á¤µÇ¾î ÀÛ¼ºÇÑ ¸®ºäÀÔ´Ï´Ù.