ํ™ˆ์œ ํŠœ๋ธŒ๋ธ”๋กœ๊ทธTop 10
๋‚ด ํ”„๋กœํ•„

๋ฐ๋ธŒํ—ˆ๋ธŒ ์•ˆ๋‚ด
์†Œ๊ฐœ์—…๋ฐ์ดํŠธ ์†Œ์‹

๋ฐ๋ธŒํ—ˆ๋ธŒ ์ปค๋ฎค๋‹ˆํ‹ฐ

Cracking the Code: React Hooks Tutorial 2024 (Learn by doing )๐ŸŸก

Edubaba

2024. 2. 11.

0ํšŒ

#frontend
  • React Hooks๋Š” React 16.8์—์„œ ๋„์ž…๋œ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ์œผ๋กœ, ๊ธฐ๋Šฅ ๊ตฌ์„ฑ ์š”์†Œ์—์„œ State์™€ ๋ผ์ดํ”„์‚ฌ์ดํด ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ฉ๋‹ˆ๋‹ค. ๐Ÿช
  • Hooks๋Š” ํด๋ž˜์Šค ๊ตฌ์„ฑ ์š”์†Œ ๋Œ€์‹  ์‚ฌ์šฉ๋  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ์ด๋Ÿฌํ•œ ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•˜์—ฌ ์ฝ”๋“œ๋ฅผ ๋” ๊ฐ„๊ฒฐํ•˜๊ฒŒ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. โœ‚๏ธ
  • useState Hook์€ ๊ธฐ๋Šฅ ๊ตฌ์„ฑ ์š”์†Œ์—์„œ State๋ฅผ ์ถ”๊ฐ€ํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. ๐ŸŒฑ
  • Hooks๋Š” ํด๋ž˜์Šค ๊ตฌ์„ฑ ์š”์†Œ์™€ ๋‹ฌ๋ฆฌ Class ์ƒ์„ฑ์ž ์‚ฌ์šฉ๊ณผ this ํ‚ค์›Œ๋“œ์— ๋Œ€ํ•œ ๊ณ ๋ฏผ ์—†์ด ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๐Ÿค”
  • ํด๋ž˜์Šค ๊ธฐ๋ฐ˜ ์ ‘๊ทผ ๋ฐฉ์‹์€ Hot Reloading์„ ๋ถˆ์•ˆ์ •ํ•˜๊ฒŒ ๋งŒ๋“ค์ง€๋งŒ, Hooks๋Š” ์ด๋Ÿฌํ•œ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•ฉ๋‹ˆ๋‹ค. ๐Ÿš€

Recommanded Videos