Custom Hook

primavยท2024๋…„ 7์›” 7์ผ

React

๋ชฉ๋ก ๋ณด๊ธฐ
11/35
post-thumbnail

๐Ÿ’ก Hook์˜ ๊ทœ์น™
1. ๋ฌด์กฐ๊ฑด ์ตœ์ƒ์œ„ ๋ ˆ๋ฒจ์—์„œ๋งŒ ํ˜ธ์ถœํ•ด์•ผํ•œ๋‹ค.
โžก๏ธ ๋ฐ˜๋ณต๋ฌธ ์ค‘์ฒฉ๋ฌธ ๋“ฑ์˜ ์•ˆ์—์„œ๋Š” ํ˜ธ์ถœx
โžก๏ธ ์ปดํฌ๋„ŒํŠธ๊ฐ€ ๋ Œ๋”๋ง ๋  ๋•Œ๋งˆ๋‹ค ๋งค๋ฒˆ ๊ฐ™์€ ์ˆœ์„œ๋กœ ํ˜ธ์ถœ๋˜์–ด์•ผ ํ•จ
2. ๋ฆฌ์•กํŠธ ํ•จ์ˆ˜ ์ปดํฌ๋„ŒํŠธ์—์„œ๋งŒ ํ˜ธ์ถœ (์ž๋ฐ”์Šคํฌ๋ฆฝํŠธxx)

Custom Hook

: ๋ฆฌ์•กํŠธ์—์„œ ๊ธฐ๋ณธ์ ์œผ๋กœ ์ œ๊ณต๋˜๋Š” ํ›… ์ด์™ธ์— ์ถ”๊ฐ€์ ์œผ๋กœ ํ•„์š”ํ•œ ๊ธฐ๋Šฅ ์ง์ ‘ ๋งŒ๋“ค๊ธฐ
โžก๏ธ ์—ฌ๋Ÿฌ ์ปดํฌ๋„ŒํŠธ์—์„œ ๋ฐ˜๋ณต์ ์œผ๋กœ ์‚ฌ์šฉ๋˜๋Š” ๋กœ์ง์„ Hook์œผ๋กœ ๋งŒ๋“ค์–ด ์žฌ์‚ฌ์šฉ

โญ๏ธ Custom Hook์€ use๋กœ ์‹œ์ž‘ํ•ด์•ผ ํ•จ

0๊ฐœ์˜ ๋Œ“๊ธ€