๐ฉ๐ป๐ป useEffect์ dependency array์ ๋ํด์ ์ค๋ช ํด ์ฃผ์ธ์.
๐๐ปโ๏ธ ์์ฝํ์๋ฉด ,
useEffect๋, ์ปดํฌ๋ํธ ๋ด์์ ์ฌ์ด๋ ์ดํํธ๋ฅผ ์คํํ ์ ์๊ฒ ํ๋ ํ ์ ๋๋ค. useEffect๋ ์ฒซ ๋ฒ์งธ ์ธ์๋ก ์ฝ๋ฐฑํจ์๋ฅผ ๋ฐ๊ณ , ๋ ๋ฒ์งธ ์ธ์๋ก ๋ฐฐ์ด์ ๋ฐ๋๋ฐ, ์ด ๋ฐฐ์ด์ dependency array ๋ผ๊ณ ํฉ๋๋ค.
dependency array๋ ๋ฌด์์ธ๊ฐ์?
์ข ์์ฑ ๋ฐฐ์ด์ด๋ผ ๋ถ๋ฅด๋ ์ด์ ๋ useEffect์ ์คํ์ด ํ๋ฉด์ ์ฒ์ ๋ ๋๋ง ๋ ๋ ๊ทธ๋ฆฌ๊ณ ์ข ์์ฑ ๋ฐฐ์ด์ value ๊ฐ์ด ๋ฐ๋ ๋๋ง๋ค ์คํ๋๊ธฐ ๋๋ฌธ์ ๋๋ค. ๋ง์ฝ ๋น ๋ฐฐ์ด์ด ์ ๋ฌ๋๋ค๋ฉด ์ฒซ ๋ ๋๋ง๋ ๋๋ง ์คํ๋ฉ๋๋ค.
useEffect์ dependency array๋ฅผ ์ฃผ์ง ์์ผ๋ฉด,
์ํ๊ฐ ๋ณ๊ฒฝ๋ ๋๋ง๋ค ์ปดํฌ๋ํธ๊ฐ ๋ฆฌ๋ ๋๋ง์ด ๋ฉ๋๋ค. ๊ฐ๋จํ local state๊ฐ ๊ณ์ ๋ณ๊ฒฝ๋ ๋๋ง๋ค ์๋กญ๊ฒ ์ปดํฌ๋ํธ๊ฐ ๋ฆฌ๋ ๋๋ง ๋๋ค๋ฉด, ์ด๋ ์ฑ๋ฅ์ ์ ์ํฅ์ ๋ฏธ์นฉ๋๋ค.
๐ ๋ด์ฉ ์ฐธ์กฐ
'๐ ๊ธฐ์ ๋ฉด์ > Library' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
Virtual DOM์ด๋? ๊ทธ๋ฆฌ๊ณ ์ฌ์ฉ ์ ์ฅ์ ์? (0) | 2023.06.08 |
---|---|
React ์ปดํฌ๋ํธ์ key ์์ฑ์ ๋ํด ์ค๋ช ํด ์ฃผ์ธ์. (0) | 2023.04.10 |
React์ props์ state์ ๋ํด ์ค๋ช ํด ์ฃผ์ธ์. (0) | 2023.04.04 |
๋๊ธ