Custom Hooks ๋งŒ๋“œ๋Š” ๋ฒ•

ยท React
Custom Hooks ๊ฐœ๋ฐœ์ž๊ฐ€ ์Šค์Šค๋กœ ์ปค์Šคํ…€ํ•œ ํ›…์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค Custom Hooks์€ ์ฝ”๋“œ ์ƒ์— ๋ฐ˜๋ณต๋˜๋Š” ๋กœ์ง์„ ๋ฝ‘์•„๋‚ด์–ด ์žฌ์‚ฌ์šฉ ํ•˜๋Š” ๊ฒƒ์„ ๋งํ•ฉ๋‹ˆ๋‹ค ์—ฌ๋Ÿฌ url์„ fetch ํ• ๋•Œ, ์—ฌ๋Ÿฌ input์— ์˜ํ•œ ์ƒํƒœ๋ณ€๊ฒฝ ๋“ฑ ๋ฐ˜๋ณต๋˜๋Š” ๋กœ์ง์„ ๋™์ผํ•œ ํ•จ์ˆ˜์—์„œ ์ž‘๋™ํ•˜๊ณ  ์‹ถ์„๋•Œ ์ปค์Šคํ…€ ํ›…์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค (์ปค์Šคํ…€ ํ›…๋„ ์ผ์ข…์˜ ํ•จ์ˆ˜, ๋‹ค๋งŒ ์ผ๋ฐ˜ ํ•จ์ˆ˜์™€ ๋‹ค๋ฅธ ์ ์€ ์ปค์Šคํ…€ ํ›… ๋‚ด๋ถ€์—์„œ ๋‚ด์žฅ hook์„ ๋ถˆ๋Ÿฌ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ๊ฒƒ) ์•„๋ž˜์˜ ๋‘ ์ปดํฌ๋„ŒํŠธ๋Š” ๋™์ผํ•œ ๋กœ์ง์„ ํฌํ•จํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค //FriendStatus : ์นœ๊ตฌ๊ฐ€ online์ธ์ง€ offline์ธ์ง€ returnํ•˜๋Š” ์ปดํฌ๋„ŒํŠธ function FriendStatus(props) { // ๋™์ผ๋กœ์ง const [isOnline, setIsOnline] = useState(nul..
becky(์ง€์€)
'Custom Hooks ๋งŒ๋“œ๋Š” ๋ฒ•' ํƒœ๊ทธ์˜ ๊ธ€ ๋ชฉ๋ก