useCallback

์ฐธ๊ณ  ์‚ฌ์ดํŠธ โ€ข ๋ฆฌ์•กํŠธ ๊ณต์‹ ๋ฌธ์„œ - useCallback โ€ข ๋ณ„์ฝ”๋”ฉ๋‹˜์˜ youtube - useCallback ๊ฐ•์˜ ๐Ÿชฃ useCallback useCallback์€ ์žฌ๋ Œ๋”๋ง ์‚ฌ์ด์— ํ•จ์ˆ˜ ์ •์˜๋ฅผ ์บ์‹œํ•  ์ˆ˜ ์žˆ๋Š” React Hook์ด๋‹ค. ๐Ÿ“ข ์ฐธ์กฐ useCallback ์žฌ๋ Œ๋”๋ง ์‚ฌ์ด์— ํ•จ์ˆ˜ ์ •์˜๋ฅผ ์บ์‹œํ•˜๋ ค๋ฉด ๊ตฌ์„ฑ ์š”์†Œ์˜ ์ตœ์ƒ์œ„ ์ˆ˜์ค€์—์„œ ํ˜ธ์ถœํ•˜๋ฉด ๋œ๋‹ค. const cachedFn = useCallback(fn, [dependencies]); ๐Ÿ“ฆ Parameters โ€ข fn: ์บ์‹œํ•˜๋ ค๋Š” ํ•จ์ˆ˜์ด๋‹ค. ๋ชจ๋“  ์ธ์ˆ˜๋ฅผ ์ทจํ•˜๊ณ  ๋ชจ๋“  ๊ฐ’์„ ๋ฐ˜ํ™˜ํ•  ์ˆ˜ ์žˆ๋‹ค. React๋Š” ์ดˆ๊ธฐ ๋ Œ๋”๋ง ์ค‘์— ํ•จ์ˆ˜๋ฅผ ๋‹ค์‹œ ๋ฐ˜ํ™˜ํ•œ๋‹ค(ํ˜ธ์ถœX). ๋‹ค์Œ ๋ Œ๋”๋ง์—์„œ dependencies๊ฐ€ ๋ณ€๊ฒฝ๋˜์ง€ ์•Š์€ ๊ฒฝ์šฐ ๋™์ผํ•œ ๊ธฐ๋Šฅ์„ ๋‹ค์‹œ ์ œ๊ณตํ•˜๋ฉฐ, ๊ทธ๋ ‡์ง€ ์•Š๋‹ค๋ฉด ..