์–ธ๋งˆ์šดํŠธ

๐ŸŽ† useEffectuseEffect()๋Š” ํŽ˜์ด์ง€์˜ ๋งˆ์šดํŠธ, ์–ธ๋งˆ์šดํŠธ, ์—…๋ฐ์ดํŠธ ์‹œ ์ž‘์—…์„ ์„ค์ •ํ•œ๋‹ค.์šฉ์–ด์„ค๋ช…Mount์ปดํฌ๋„ŒํŠธ๊ฐ€ ํŽ˜์ด์ง€์— ๋‚˜ํƒ€๋‚จunMount์ปดํฌ๋„ŒํŠธ๊ฐ€ ํŽ˜์ด์ง€์—์„œ ์‚ฌ๋ผ์ง ์—…๋ฐ์ดํŠธ๋Š” useEffect() ํŠน์ •๊ฐ’์— ์˜์กดํ•˜์—ฌ ํ•ด๋‹น ๊ฐ’์ด ๋ณ€๊ฒฝ, ์‹คํ–‰๋˜๋ฉด ํ•ด๋‹น useEffect()๋ฅผ ์žฌ์‹คํ–‰ํ•œ๋‹ค. useEffect()์˜ ๊ตฌ์กฐ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค.useEffect(()=> { // ๋งˆ์šดํŠธ ์™„๋ฃŒ ํ›„ ์‹คํ–‰ํ•  ์ฝ”๋“œ return () => { // ์–ธ๋งˆ์šดํŠธ ์™„๋ฃŒ ํ›„ ์‹คํ–‰ํ•  ์ฝ”๋“œ }}, [dependencies]) dependencies์˜ ๊ฐ’์ด ๋ณ€๊ฒฝ๋˜๋ฉด ์–ธ๋งˆ์šดํŠธ๊ฐ€ ์ผ์–ด๋‚˜๋ฉด์„œ return()์„ ํ†ตํ•ด ๊ธฐ์กด ์ž‘์—…์€ ํ•ด์ œํ•˜๊ณ  ๋‹ค์‹œ ๋งˆ์šดํŠธ ์‹œํ‚จ๋‹ค.   ๐Ÿ’ป Code๋ฆฌ์•กํŠธ ํ”„๋กœ์ ํŠธ๋ฅผ ์ƒ์„ฑํ•˜๊ณ  ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ž‘์„ฑํ•œ๋‹ค..
ma.caron_g
'์–ธ๋งˆ์šดํŠธ' ํƒœ๊ทธ์˜ ๊ธ€ ๋ชฉ๋ก