๋’ค๋กœ ๊ฐ€๊ธฐ
ํ™ˆ์œผ๋กœ ์ด๋™
LearnFit
๊ณต์œ ํ•˜๊ธฐ
๏˜ YouTube, [10๋ถ„ ํ…Œ์ฝ”ํ†ก] ๐Ÿฅ ์ง€๊ทธ์˜ Virtual DOM
-3
+3
๐Ÿคฉ๐Ÿง๐Ÿค”๐Ÿ˜ตโ€๐Ÿ’ซ๐Ÿคฏ
00:00
ํ…Œํฌ์ฃผ๋‹ˆ์–ด๋‹˜์˜ ํ•™์Šต๋…ธํŠธ
๏ˆ“
๏Œป
๋„์›€๋ผ์š”
3
์Šคํฌ๋žฉ

[10๋ถ„ ํ…Œ์ฝ”ํ†ก] ๐Ÿฅ ์ง€๊ทธ์˜ Virtual DOM

#๊ฐœ๋ฐœ์ž
#ํ”„๋ก ํŠธ์—”๋“œ
#์ „์ฒด
00:34๊ธฐ์กด ๋ธŒ๋ผ์šฐ์ € ๋™์ž‘๋ฐฉ์‹
01:24Virtual DOM์˜ ๋“ฑ์žฅ๋ฐฐ๊ฒฝ : DOM ์กฐ์ž‘์˜ ๋น„ํšจ์œจ์„ฑ
02:36Virtual DOM์˜ ๋™์ž‘์›๋ฆฌ
04:24React์˜ Virtual DOM
โœ” ํ•™์Šต ์™„๋ฃŒ
๋Œ“๊ธ€ 0
์ทจ์†Œ
์ž‘์„ฑํ•˜๊ธฐ

์ด ํ•™์Šต๋…ธํŠธ๊ฐ€ ํฌํ•จ๋œ ๋Ÿฌ๋‹ํŒจ์Šค์˜ˆ์š”.

๋ฉค๋ฒ„์‹ญ
์‹œ๋ฆฌ์ฆˆ
ํ…Œํฌ์ฃผ๋‹ˆ์–ด์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
ํ…Œํฌ์ฃผ๋‹ˆ์–ด
์˜ ๋Ÿฌ๋‹ํŒจ์Šค

React ๊ธฐ๋ณธ๊ธฐ ํŒจ์Šค, ๋ฏธ๋‹ˆ ํ”„๋กœ์ ํŠธ 2๊ฐœ

ํ…Œํฌ์ฃผ๋‹ˆ์–ด๋‹˜์˜ ๋‹ค๋ฅธ ๋…ธํŠธ๋Š” ์–ด๋•Œ์š”?

ํ…Œํฌ์ฃผ๋‹ˆ์–ด์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
ํ…Œํฌ์ฃผ๋‹ˆ์–ด
์˜ ํ•™์Šต๋…ธํŠธ

React JS #6 ์ด๋ฒคํŠธ ์ฒ˜๋ฆฌ(Handling Events) - ์ดˆ๋ณด์ž๋ฅผ ์œ„ํ•œ ๋ฆฌ์•กํŠธ ๊ฐ•์ขŒ

์˜์ƒ ์žฌ์ƒ ๋ชจ์–‘ ์•„์ด์ฝ˜
Video
โฑ ํ•ต์‹ฌ ์Šคํƒฌํ”„
2๊ฐœ
00:24
์ด๋ฒคํŠธ ํ•ธ๋“ค๋ง ๋ฐฉ๋ฒ• 1
01:19
์ด๋ฒคํŠธ ํ•ธ๋“ค๋ง ๋ฐฉ๋ฒ• 2
์Šคํฌ๋žฉ
ํ…Œํฌ์ฃผ๋‹ˆ์–ด์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
ํ…Œํฌ์ฃผ๋‹ˆ์–ด
์˜ ํ•™์Šต๋…ธํŠธ

HTML ํƒœ๊ทธ ์™„์„ฑ, ์›น ํฌํŠธํด๋ฆฌ์˜ค ๋งŒ๋“ค๊ธฐ ์ „์— ๊ผญ ๋ณด์„ธ์š” | ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž ์ž…๋ฌธํŽธ: HTML, CSS, Javascript

์˜์ƒ ์žฌ์ƒ ๋ชจ์–‘ ์•„์ด์ฝ˜
Video
โฑ ํ•ต์‹ฌ ์Šคํƒฌํ”„
11๊ฐœ
00:18
์ด์ „ ํ•™์Šต๋…ธํŠธ์—์„œ ๋ฐฐ์šด ์ค‘์š”ํฌ์ธํŠธ ๋ณต์Šต ์ด์ „ํ•™์Šต๋…ธํŠธ ๋งํฌ: https://lab.learnfit.ai/note/lBJ43G5hAZ/Ii1rr4uw3C
01:57
HTML ํƒœ๊ทธ๋ฅผ 2๊ฐ€์ง€๋กœ ๋ถ„๋ฅ˜
๐Ÿ‘
1
์Šคํฌ๋žฉ
๋‹ค์‹œ ๋ณด์ง€์•Š๊ธฐ
๋ชจ๋‹ฌ ์ฐฝ ๋‹ซ๊ธฐ
๐Ÿ‘‹ ๋‹ค์–‘ํ•œ ์ธ์‚ฌ์ดํŠธ๋ฅผ ์ฝ์–ด๋ณด๊ณ  ๊ณ„์‹ ๊ฐ€์š”?
๋‚˜๋งŒ์˜ ํ•™์Šต ๊ธฐ๋ก์„ ๋‚จ๊ธฐ๊ณ , ๊ด€๋ฆฌํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด!
๋‹ค์–‘ํ•œ ์ „๋ฌธ๊ฐ€์˜ ๋ฉค๋ฒ„์‹ญ ์ „์šฉ ์ฝ˜ํ…์ธ ๋ฅผ ๋ณด๊ณ  ์‹ถ๋‹ค๋ฉด!
๋‚˜์˜ ํ•™์Šต ๋‚ด์šฉ์„ ๊ณต์œ ํ•˜๊ณ , ์ˆ˜์ต์„ ์˜ฌ๋ฆฌ๊ณ  ์‹ถ๋‹ค๋ฉด!
3์ดˆ ํšŒ์›๊ฐ€์ž…/๋กœ๊ทธ์ธ์œผ๋กœ, ๋Ÿฐํ•์˜ ์ปค๋ฎค๋‹ˆํ‹ฐ์— ์—ฌ๋Ÿฌ๋ถ„๋„ ํ•จ๊ป˜ํ•˜์„ธ์š”.
3์ดˆ ๋งŒ์— ๊ฐ€์ž…ํ•˜๊ธฐ