useEffect์‚ฌ์šฉ๋ฒ•

ยท React
useEffect(()=>{์‹คํ–‰ํ•  ์ฝ”๋“œ},[count]) useEffect ์˜ ์ฒซ์งธ ํŒŒ๋ผ๋ฏธํ„ฐ๋กœ๋Š” ์‹คํ–‰ํ•  ์ฝ”๋“œ๋ฅผ ๋„ฃ์–ด์ฃผ๊ณ , ๋‘˜์งธ ํŒŒ๋ผ๋ฏธํ„ฐ๋กœ๋Š” [](๋ฐฐ์—ด)์„ ๋„ฃ์„ ์ˆ˜ ์žˆ๋Š”๋ฐ, []์•ˆ์— ๋ณ€์ˆ˜๋‚˜ state ๊ฐ™์€ ๊ฒƒ๋“ค์„ ๋„ฃ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค ์ด๋Ÿฐ ๊ฒฝ์šฐ์—๋Š” [] ์— ์žˆ๋Š” ๋ณ€์ˆ˜๋‚˜ state ๊ฐ€ ๋ณ€ํ•  ๋•Œ๋งŒ, useEffect ์•ˆ์˜ ์ฝ”๋“œ๋ฅผ ์‹คํ–‰ํ•ด์ค๋‹ˆ๋‹ค ์œ„์˜ ์ฝ”๋“œ๋Š” count ๋ผ๋Š” ๋ณ€์ˆ˜๊ฐ€ ๋ณ€ํ• ๋•Œ๋งŒ, useEffect ์•ˆ์˜ ์ฝ”๋“œ๋ฅผ ์‹คํ–‰๋˜๊ฒ ๊ตฐ์š”. useEffect(()=>{์‹คํ–‰ํ•  ์ฝ”๋“œ},[]) ๋งŒ์•ฝ๋‘๋ฒˆ์งธ ํŒŒ๋ผ๋ฏธํ„ฐ์— ๋นˆ ๋ฐฐ์—ด์„ ๋„ฃ์–ด์ค€๋‹ค๋ฉด, ์ฒ˜์Œ ๋ Œ๋”๋ง ์‹œ 1ํšŒ ์‹คํ–‰ํ•˜๊ณ  ์˜์˜ ์‹คํ–‰ํ•ด์ฃผ์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์ฒ˜์Œ์— ๋”ฑ ํ•œ๋ฒˆ๋งŒ ์‹คํ–‰ํ•ด์ค๋‹ˆ๋‹ค clean up function useEffect๋ฅผ ๋™์ž‘ํ•˜๊ธฐ ์ „์— ํŠน์ • ์ฝ”๋“œ๋ฅผ ์‹คํ–‰ํ•˜๊ณ  ์‹ถ์œผ๋ฉด ret..
becky(์ง€์€)
'useEffect์‚ฌ์šฉ๋ฒ•' ํƒœ๊ทธ์˜ ๊ธ€ ๋ชฉ๋ก