|
|
|
|
|
|
|
Ã¥³»¿ë |
|
À¥ ¼ºñ½º°¡ °Å´ëÇØÁú¼ö·Ï ¼º´É¿¡ ´ëÇÑ °í¹ÎÀÌ ±í¾îÁö´Âµ¥, Svelte´Â ºü¸¥ ¼º´ÉÀ» °¡Áö°í ÀÖ¾î ¼º´É¿¡ ´ëÇÑ °í¹ÎÀ» ÁÙÀÏ ¼ö ÀÖ°Ô ÇÏ´Â ÇÁ·¹ÀÓ¿öÅ©ÀÔ´Ï´Ù. ¶ÇÇÑ Svelte´Â °³¹ßÀڵ鿡°Ô Äڵ带 Á¶±Ý¸¸ ÀÛ¼ºÇصµ µÇµµ·Ï ¸¸µé¾îÁÝ´Ï´Ù. Äڵ差ÀÌ ¸¹À¸¸é ÄÚµå ÀüüÀÇ ±¸¼ºÀÌ ÀåȲÇØÁú ¼ö Àִµ¥, Svelte´Â °£°áÇÑ Äڵ带 ÀÛ¼ºÇÒ ¼ö ÀÖ°Ô ÇØÁÝ´Ï´Ù.
ÀÌ Ã¥¿¡¼´Â Svelte¸¦ ¹è¿ì°í ÀÍÈ÷±â À§ÇØ ÇÊ¿äÇÑ ¸ðµç °¡À̵带 Á¦°øÇϱâ À§ÇØ ³ë·ÂÇß½À´Ï´Ù. °ø½Ä ¹®¼¿¡¼ Á¦°øÇÏ´Â ¸ðµç ¹®¹ýµé°ú APIµéÀ» ´Ù·ç°í, °øºÎÇÑ Svelte ¹®¹ýÀ¸·Î ½ºµµÄí °ÔÀÓÀ̶ó´Â °á°ú¹°À» ¸¸µé¾î³»¾î Svelte¸¦ ¿Ïº®ÇÏ°Ô ÀÍÈú ¼ö ÀÖµµ·Ï µµ¿Ô½À´Ï´Ù. µ¶ÀÚ ¿©·¯ºÐµµ ÀÌ Ã¥À» ÅëÇØ ÀÌÁ¦ºÎÅÍ SvelteÀÇ ¸Å·Â¿¡ Ç« ºüÁ®º¸½Ã±æ ¹Ù¶ø´Ï´Ù. |
|
¸ñÂ÷ |
|
Part I. Svelte ¹®¹ý °øºÎÇϱâ
Chapter 1 °³¹ß ȯ°æ ¼³Á¤ ¹× ÇÁ·ÎÁ§Æ® »ý¼º
1-1 °³¹ß ȯ°æ ¼³Á¤
1-2 ÇÁ·ÎÁ§Æ® »ý¼º
1-3 ÇÁ·ÎÁ§Æ® ±¸Á¶
1-4 Svelte °³¹ßÀÚ µµ±¸ »ç¿ë
Chapter 2 Svelte ¼Ò°³
2-1 Svelte Ư¡
2-2 Svelte »ç¿ë ½Ã À¯ÀÇ»çÇ×
Chapter 3 ±âÃÊ ¹®¹ý
3-1 µ¥ÀÌÅÍ Á¤ÀÇ
3-2 ¼Ó¼º Á¤ÀÇ
3-3 ÄÄÆ÷³ÍÆ® Á¤ÀÇ
3-4 ½ºÅ¸ÀÏ Á¤ÀÇ
3-5 HTML ¹®ÀÚ¿ Ç¥Çö
Chapter 4 ¹ÝÀÀÇü ¹®¹ý
4-1 µ¥ÀÌÅÍ ÇÒ´ç
4-2 µ¥ÀÌÅÍ ÇÒ´ç ½Ã ÁÖÀÇ»çÇ×
4-3 $ ¹®¹ý
4-4 $ ¹®¹ý »ç¿ë ½Ã ÁÖÀÇ»çÇ×
Chapter 5 Props
5-1 Props¶õ
5-2 Props Á¤ÀÇ
5-3 ±âº»°ª ¼³Á¤
5-4 Àü°³ ¿¬»êÀÚ »ç¿ë
5-5 $$props¿Í $$restProps
5-6 --style-props
Chapter 6 ³í¸® ºí·Ï
6-1 Á¶°Ç¹® ºí·Ï
6-2 ¹Ýº¹¹® ºí·Ï
6-3 ºñµ¿±â ºí·Ï
6-4 Key ºí·Ï
Chapter 7 À̺¥Æ® ó¸®
7-1 À̺¥Æ® ¼ö½Ä¾î
7-2 ÄÄÆ÷³ÍÆ® À̺¥Æ®
7-3 À̺¥Æ® Æ÷¿öµù
Chapter 8 µ¥ÀÌÅÍ ¹ÙÀεù
8-1 µ¥ÀÌÅÍ ¹ÙÀεùÀ̶õ
8-2 Input ű×
8-3 Textarea ű×
8-4 Select ű×
8-5 contenteditable ¼Ó¼º
8-6 Each ºí·Ï ¹ÙÀεù
8-7 Media ű×
8-8 Dimension ¹ÙÀεù
8-9 This ¹ÙÀεù
8-10 ÄÄÆ÷³ÍÆ® Props ¹ÙÀεù
Chapter 9 ¶óÀÌÇÁ »çÀÌŬ
9-1 ¶óÀÌÇÁ »çÀÌŬ(Lifecycle)À̶õ
9-2 onMount
9-3 onDestroy
9-4 beforeUpdate
9-5 afterUpdate
9-6 ¶óÀÌÇÁ »çÀÌŬ ¸ðµâÈ
9-7 tick
Chapter 10 ½ºÅä¾î
10-1 ½ºÅä¾î¶õ
10-2 Writable ½ºÅä¾î
10-3 Readable ½ºÅä¾î
10-4 Derived ½ºÅä¾î
10-5 Custom ½ºÅä¾î
10-6 get ÇÔ¼ö
Chapter 11 ¸ð¼Ç
11-1 ¸ð¼ÇÀ̶õ
11-2 Tweened
11-3 Spring
Chapter 12 Æ®·£Áö¼Ç
12-1 Æ®·£Áö¼ÇÀ̶õ
12-2 Æ®·£Áö¼Ç Á¾·ù
12-3 »ç¿ëÀÚ Á¤ÀÇ Æ®·£Áö¼Ç
12-4 Æ®·£Áö¼Ç À̺¥Æ®
12-5 ·ÎÄà ¼ö½Ä¾î
Chapter 13 ¾Ö´Ï¸ÞÀ̼Ç
13-1 ¾Ö´Ï¸ÞÀÌ¼Ç µð·ºÆ¼ºê
13-2 »ç¿ëÀÚ Á¤ÀÇ ¾Ö´Ï¸ÞÀ̼Ç
13-3 ¾Ö´Ï¸ÞÀÌ¼Ç »ç¿ë ½Ã ÁÖÀÇ»çÇ×
Chapter 14 ¾×¼Ç
14-1 ¾×¼ÇÀ̶õ
14-2 ¾×¼Ç ÇÔ¼ö
14-3 ¾×¼ÇÀ¸·Î ¸¸µç Ç÷¯±×ÀÎ
Chapter 15 ½½·Ô
15-1 ½½·ÔÀ̶õ
15-2 ½½·ÔÀÇ ±âº»°ª
15-3 À̸§ ÀÖ´Â ½½·Ô
15-4 $$slots °´Ã¼
15-5 ½½·ÔÀÇ Props
Chapter 16 ÄÜÅؽºÆ® API
16-1 ÄÜÅؽºÆ®¶õ
16-2 ÄÜÅؽºÆ® API
16-3 ½ºÅä¾î VS ÄÜÅؽºÆ®
Chapter 17 Svelte ¿ä¼Ò
17-1 ¡´svelte:self¡µ
17-2 ¡´svelte:component¡µ
17-3 ¡´svelte:window¡µ
17-4 ¡´svelte:body¡µ
17-5 ¡´svelte:head¡µ
17-6 ¡´svelte:options¡µ
17-7 ¡´svelte:fragment¡µ
Chapter 18 ¸ðµâ ÄÜÅؽºÆ®
18-1 ÄÚµå °øÀ¯Çϱâ
18-2 ÄÚµå ³»º¸³»±â
Part II. ½ºµµÄí °ÔÀÓ ¸¸µé¾îº¸±â
Chapter 19 ½ºµµÄí »ìÆ캸±â
19-1 ½ºµµÄí¶õ
19-2 ½ºµµÄí ¿ë¾î Á¤¸®
Chapter 20 ½ºµµÄí »ý¼º ¹æ¹ý
20-1 ½ºµµÄí »ý¼º ¹æ¹ý
20-2 ½ºµµÄí Çà·Ä½Ä Ç¥Çö
20-3 ½ºµµÄí ¼¯±â
Chapter 21 ½ºµµÄí ÇÁ·ÎÁ§Æ® »ý¼º
21-1 ÇÁ·ÎÁ§Æ® »ý¼º ¹× ÆÐÅ°Áö ¼³Ä¡
21-2 È¸é ±¸Á¶ ¹× ÄÄÆ÷³ÍÆ® ±¸Á¶
21-3 µð·ºÅ͸® ±¸Á¶
Chapter 22 ½ºµµÄí ¸¸µé±â
22-1 ½ºµµÄí »ý¼º ÄÚµå
22-2 ½ºµµÄí ¼¯±â
Chapter 23 ½ºµµÄí ÆÛÁñ ¸¸µé±â
23-1 ½ºµµÄí Ç®ÀÌ ¹æ¹ý
23-2 ½ºµµÄí ÆÛÁñ ¸¸µé±â
Chapter 24 ½ºµµÄí ÄÄÆ÷³ÍÆ® ¸¸µé±â
24-1 ÄÄÆ÷³ÍÆ® ±¸Á¶
24-2 Difficulty ÄÄÆ÷³ÍÆ®
24-3 Navigation ÄÄÆ÷³ÍÆ®
24-4 Number ÄÄÆ÷³ÍÆ®
24-5 NumberPad ÄÄÆ÷³ÍÆ®
24-6 Cell ÄÄÆ÷³ÍÆ®
24-7 Sudoku ÄÄÆ÷³ÍÆ®
24-8 App ÄÄÆ÷³ÍÆ®
Chapter 25 ½ºµµÄí ¹èÆ÷Çϱâ
25-1 À¥ È£½ºÆÃÇϱâ
25-2 ±êÇãºê ¼³Á¤Çϱâ
25-3 Çì·ÎÄí ¼³Á¤Çϱâ
Part III. Svelte ÇÙ½É ¶óÀ̺귯¸®
Chapter 26 svelte-preprocess
26-1 Svelte Àü󸮱â
26-2 ·Ñ¾÷ ÇÁ·ÎÁ§Æ® ¼³Á¤
26-3 À¥ÆÑ ÇÁ·ÎÁ§Æ® ¼³Á¤
26-4 ÇÁ·ÎÁ§Æ® Äü ½ºÅ¸Æ®
Chapter 27 SvelteKit
27-1 SapperÀÇ ÅðÀå
27-2 SvelteKitÀÇ µîÀå
27-3 SvelteKitÀÌ ´Þ¶óÁø Á¡ |
|
|
|
ÀúÀÚ
|
|
ÀÌÈ¿¹ü
ÃֽŠÀ¥ ÇÁ·¹ÀÓ¿öÅ© Æ®·»µå¿¡ °ü½ÉÀÌ ¸¹Àº °³¹ßÀÚ·Î ±¤¿î´ëÇб³ ÄÄÇ»ÅÍ°øÇаú¸¦ Á¹¾÷ÇÏ¿©, ÇöÀç À§¸ÞÇÁ¿¡¼ Ç÷§Æû ÇÁ·±Æ®¿£µå °³¹ßÀ» ¸Ã°í ÀÖ´Ù.
°è¼Ó º¯ÈÇÏ°í ÀÖ´Â À¥ Æ®·»µå¿¡ µÚÃÄÁöÁö ¾Ê°í, ¹è¿òÀ» °ÔÀ»¸®ÇÏÁö ¾Ê´Â °³¹ßÀÚ°¡ µÇ±â À§ÇØ À¥ °³¹ß °ü·Ã ±â¼úÀ» Æ÷½ºÆÃÇÏ´Â ºí·Î±×(https://beomy.github.io)¸¦ ¿î¿µÇÏ°í ÀÖÀ¸¸ç, ¿Â¶óÀÎ °ÀÇ(https://www.inflearn.com/users/@beomy)µµ ÁøÇàÇÏ°í ÀÖ´Ù. Àú¼·Î´Â ¡´ReactJS ÀÌ Á¤µµ´Â ¾Ë¾Æ¾ßÁö¡µ°¡ ÀÖ´Ù.
|
|
|
|
|
|
|
|
Ãâ°í¾È³» |
|
|
Ãâ°í¶õ ÀÎÅÍÆÄÅ© ¹°·ùâ°í¿¡¼ µµ¼°¡ Æ÷ÀåµÇ¾î ³ª°¡´Â ½ÃÁ¡À» ¸»Çϸç, ½ÇÁ¦ °í°´´Ô²²¼ ¼ö·ÉÇϽô ½Ã°£Àº »óÇ°Áغñ¿Ï·áÇØ Ãâ°íÇÑ ³¯Â¥ + Åùè»ç ¹è¼ÛÀÏÀÔ´Ï´Ù. |
|
ÀÎÅÍÆÄÅ© µµ¼´Â ¸ðµç »óÇ°ÀÇ Àç°í°¡ ÃæÁ·ÇÒ ½Ã¿¡ ÀÏ°ý Ãâ°í¸¦ ÇÕ´Ï´Ù. |
|
ÀϺΠÀç°í¿¡ ´ëÇÑ Ãâ°í°¡ ÇÊ¿äÇÒ ½Ã¿¡´Â ´ã´çÀÚ¿¡°Ô Á÷Á¢ ¿¬¶ôÇϽðųª, °í°´¼¾ÅÍ(°í°´¼¾ÅÍ(1577-2555)·Î ¿¬¶ôÁֽñ⠹ٶø´Ï´Ù. |
|
¹è¼Ûºñ ¾È³» |
|
|
ÀÎÅÍÆÄÅ© µµ¼ ´ë·®±¸¸Å´Â ¹è¼Û·á°¡ ¹«·áÀÔ´Ï´Ù. |
|
´Ü, 1°³ÀÇ »óÇ°À» ´Ù¼öÀÇ ¹è¼ÛÁö·Î ÀÏ°ý ¹ß¼Û½Ã¿¡´Â 1°³ÀÇ ¹è¼ÛÁö´ç 2,000¿øÀÇ ¹è¼Ûºñ°¡ ºÎ°úµË´Ï´Ù. |
¾Ë¾ÆµÎ¼¼¿ä! |
|
|
°í°´´Ô²²¼ ÁÖ¹®ÇϽŠµµ¼¶óµµ µµ¸Å»ó ¹× ÃâÆÇ»ç »çÁ¤¿¡ µû¶ó Ç°Àý/ÀýÆÇ µîÀÇ »çÀ¯·Î Ãë¼ÒµÉ ¼ö ÀÖ½À´Ï´Ù. |
|
Åùè»ç ¹è¼ÛÀÏÀÎ ¼¿ï ¹× ¼öµµ±ÇÀº 1~2ÀÏ, Áö¹æÀº 2~3ÀÏ, µµ¼, »ê°£, ±ººÎ´ë´Â 3ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù.
(´Ü, Åä/ÀÏ¿äÀÏ Á¦¿Ü) |
|
|
|
|
ÀÎÅÍÆÄÅ©µµ¼´Â °í°´´ÔÀÇ ´Ü¼ø º¯½É¿¡ ÀÇÇÑ ±³È¯°ú ¹ÝÇ°¿¡ µå´Â ºñ¿ëÀº °í°´´ÔÀÌ ÁöºÒÄÉ µË´Ï´Ù.
´Ü, »óÇ°À̳ª ¼ºñ½º ÀÚüÀÇ ÇÏÀÚ·Î ÀÎÇÑ ±³È¯ ¹× ¹ÝÇ°Àº ¹«·á·Î ¹ÝÇ° µË´Ï´Ù.
±³È¯/¹ÝÇ°/º¸ÁõÁ¶°Ç ¹× Ç°Áúº¸Áõ ±âÁØÀº ¼ÒºñÀڱ⺻¹ý¿¡ µû¸¥ ¼ÒºñÀÚ ºÐÀï ÇØ°á ±âÁØ¿¡ µû¶ó ÇÇÇظ¦ º¸»ó ¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù.
Á¤È®ÇÑ È¯ºÒ ¹æ¹ý ¹× ȯºÒÀÌ Áö¿¬µÉ °æ¿ì 1:1¹®ÀÇ °Ô½ÃÆÇ ¶Ç´Â °í°´¼¾ÅÍ(1577-2555)·Î ¿¬¶ô Áֽñ⠹ٶø´Ï´Ù.
¼ÒºñÀÚ ÇÇÇغ¸»óÀÇ ºÐÀïó¸® µî¿¡ °üÇÑ »çÇ×Àº ¼ÒºñÀÚºÐÀïÇØ°á±âÁØ(°øÁ¤°Å·¡À§¿øȸ °í½Ã)¿¡ µû¶ó ºñÇØ º¸»ó ¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù.
|
±³È¯ ¹× ¹ÝÇ°ÀÌ °¡´ÉÇÑ °æ¿ì |
|
|
»óÇ°À» °ø±Þ ¹ÞÀ¸½Å ³¯·ÎºÎÅÍ 7ÀÏÀ̳» °¡´ÉÇÕ´Ï´Ù. |
|
°ø±Þ¹ÞÀ¸½Å »óÇ°ÀÇ ³»¿ëÀÌ Ç¥½Ã, ±¤°í ³»¿ë°ú ´Ù¸£°Å³ª ´Ù¸£°Ô ÀÌÇàµÈ °æ¿ì¿¡´Â °ø±Þ¹ÞÀº ³¯·ÎºÎÅÍ 3°³¿ùÀ̳», ±×»ç½ÇÀ» ¾Ë°Ô µÈ ³¯ ¶Ç´Â ¾Ë ¼ö ÀÖ¾ú´ø ³¯·ÎºÎÅÍ 30ÀÏÀ̳» °¡´ÉÇÕ´Ï´Ù. |
|
»óÇ°¿¡ ¾Æ¹«·± ÇÏÀÚ°¡ ¾ø´Â °æ¿ì ¼ÒºñÀÚÀÇ °í°´º¯½É¿¡ ÀÇÇÑ ±³È¯Àº »óÇ°ÀÇ Æ÷Àå»óÅ µîÀÌ ÀüÇô ¼Õ»óµÇÁö ¾ÊÀº °æ¿ì¿¡ ÇÑÇÏ¿© °¡´ÉÇÕ´Ï´Ù.
|
|
|
|
±³È¯ ¹× ¹ÝÇ°ÀÌ ºÒ°¡´ÉÇÑ °æ¿ì |
|
|
|
°í°´´ÔÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óÇ° µîÀÌ ¸ê½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì´Â ºÒ°¡´ÉÇÕ´Ï´Ù. (´Ü, »óÇ°ÀÇ ³»¿ëÀ» È®ÀÎÇϱâ À§ÇÏ¿© Æ÷Àå µîÀ» ÈѼÕÇÑ °æ¿ì´Â Á¦¿Ü) |
|
½Ã°£ÀÌ Áö³²¿¡ µû¶ó ÀçÆǸŰ¡ °ï¶õÇÒ Á¤µµ·Î ¹°Ç°ÀÇ °¡Ä¡°¡ ¶³¾îÁø °æ¿ì´Â ºÒ°¡´ÉÇÕ´Ï´Ù. |
|
Æ÷Àå °³ºÀµÇ¾î »óÇ° °¡Ä¡°¡ ÈÑ¼ÕµÈ °æ¿ì´Â ºÒ°¡´ÉÇÕ´Ï´Ù. |
|
|
´Ù¹è¼ÛÁöÀÇ °æ¿ì ¹ÝÇ° ȯºÒ |
|
|
|
´Ù¹è¼ÛÁöÀÇ °æ¿ì ´Ù¸¥ Áö¿ªÀÇ ¹ÝÇ°À» µ¿½Ã¿¡ ÁøÇàÇÒ ¼ö ¾ø½À´Ï´Ù. |
|
1°³ Áö¿ªÀÇ ¹ÝÇ°ÀÌ ¿Ï·áµÈ ÈÄ ´Ù¸¥ Áö¿ª ¹ÝÇ°À» ÁøÇàÇÒ ¼ö ÀÖÀ¸¹Ç·Î, ÀÌÁ¡ ¾çÇØÇØ Áֽñ⠹ٶø´Ï´Ù. |
|
|
|
|
|
|