Custom Hooks ๊ฐ๋ฐ์๊ฐ ์ค์ค๋ก ์ปค์คํ
ํ ํ
์ ์๋ฏธํฉ๋๋ค Custom Hooks์ ์ฝ๋ ์์ ๋ฐ๋ณต๋๋ ๋ก์ง์ ๋ฝ์๋ด์ด ์ฌ์ฌ์ฉ ํ๋ ๊ฒ์ ๋งํฉ๋๋ค ์ฌ๋ฌ url์ fetch ํ ๋, ์ฌ๋ฌ input์ ์ํ ์ํ๋ณ๊ฒฝ ๋ฑ ๋ฐ๋ณต๋๋ ๋ก์ง์ ๋์ผํ ํจ์์์ ์๋ํ๊ณ ์ถ์๋ ์ปค์คํ
ํ
์ ์ฌ์ฉํฉ๋๋ค (์ปค์คํ
ํ
๋ ์ผ์ข
์ ํจ์, ๋ค๋ง ์ผ๋ฐ ํจ์์ ๋ค๋ฅธ ์ ์ ์ปค์คํ
ํ
๋ด๋ถ์์ ๋ด์ฅ hook์ ๋ถ๋ฌ ์ฌ์ฉํ ์ ์๋ค๋ ๊ฒ) ์๋์ ๋ ์ปดํฌ๋ํธ๋ ๋์ผํ ๋ก์ง์ ํฌํจํ๊ณ ์์ต๋๋ค //FriendStatus : ์น๊ตฌ๊ฐ online์ธ์ง offline์ธ์ง returnํ๋ ์ปดํฌ๋ํธ function FriendStatus(props) { // ๋์ผ๋ก์ง const [isOnline, setIsOnline] = useState(nul..