useMemo ์™€ useCallback

ยท React
Component & Hook Function Component์™€ Class Component Hook์€ class๊ฐ€ ์•„๋‹Œ functionํ˜• ์ปดํฌ๋„ŒํŠธ์—์„œ๋งŒ ๋™์ž‘ํ•œ๋‹ค. Hook ์‚ฌ์šฉ๊ทœ์น™ 1. ๋ฆฌ์•กํŠธ ํ•จ์ˆ˜์˜ ์ตœ์ƒ์œ„์—์„œ๋งŒ ํ˜ธ์ถœํ•ด์•ผ ํ•œ๋‹ค. ๋ฐ˜๋ณต๋ฌธ, ์กฐ๊ฑด๋ฌธ, ์ค‘์ฒฉ๋œ ํ•จ์ˆ˜ ๋‚ด์—์„œ Hook์„ ์‹คํ–‰ํ•˜๋ฉด ์˜ˆ์ƒ๋Œ€๋กœ ๋™์ž‘ํ•˜์ง€ ์•Š์„ ์šฐ๋ ค๊ฐ€ ์žˆ๋‹ค. ์ปดํฌ๋„ŒํŠธ ์•ˆ์—๋Š” useState๋‚˜ useEffect์™€ ๊ฐ™์€ hook์ด ์—ฌ๋Ÿฌ๋ฒˆ ์‚ฌ์šฉ๋  ์ˆ˜ ์žˆ๋Š”๋ฐ. react๋Š” ์ด hook์„ ํ˜ธ์ถœ๋˜๋Š” ์ˆœ์„œ๋Œ€๋กœ ์ €์žฅ์„ ํ•ด๋†“๋Š”๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ์กฐ๊ฑด๋ฌธ, ๋ฐ˜๋ณต๋ฌธ ๋‚ด์—์„œ hook์„ ํ˜ธ์ถœํ•˜๊ฒŒ ๋˜๋ฉด, ํ˜ธ์ถœ๋˜๋Š” ์ˆœ์„œ๋Œ€๋กœ ์ €์žฅ์„ ํ•˜๊ธฐ ์–ด๋ ค์›Œ์ง€๊ณ  ๊ฒฐ๊ตญ ์˜ˆ๊ธฐ์น˜ ๋ชปํ•œ ๋ฒ„๊ทธ๋ฅผ ์ดˆ๋ž˜ํ•  ์ˆ˜ ์žˆ๋‹ค. 2. ์˜ค์ง ๋ฆฌ์•กํŠธ ํ•จ์ˆ˜ ๋‚ด์—์„œ ์‚ฌ์šฉ๋˜์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด๋Š” ๋ฆฌ์•กํŠธ ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ๋‚˜ ์ปค์Šค..
becky(์ง€์€)
'useMemo ์™€ useCallback' ํƒœ๊ทธ์˜ ๊ธ€ ๋ชฉ๋ก