
์ซ์๋ฅผ ์ธ๋ count๋ฅผ useState๋ก ์์ฑํ๋ฉด ์๋์ ๊ฐ๋ค.๋ฒํผ์ ๋๋ฅผ ๋ ์ซ์๊ฐ 3์ฉ ์ฆ๊ฐ๋๋ onClick ํจ์๋ฅผ ์์ฑํ ๋ ํจ์ ์์์ด๋ฐ ๋ฐฉ์์ ์ด์ฉํ๋ ค๊ณ ํ๋ค๋ฉด, ๋ฆฌ๋ ๋๋ง ๋ ๋๋ง๋ค count๊ฐ 3์ฉ ๋ํด์ง๊น? โ ๋ต์ "์๋๋ค" ์ด๋ค. react์์๋ ๊ฐ

memorization์ ์ปดํจํฐ ํ๋ก๊ทธ๋จ์ด ๋์ผํ ๊ณ์ฐ์ ๋ฐ๋ณตํด์ผ ํ ๋, ์ด์ ์ ๊ณ์ฐํ ๊ฐ์ ๋ฉ๋ชจ๋ฆฌ์ ์ ์ฅํจ์ผ๋ก์จ ๋์ผํ ๊ณ์ฐ์ ๋ฐ๋ณต ์ํ์ ์ ๊ฑฐํ์ฌ ํ๋ก๊ทธ๋จ ์คํ ์๋๋ฅผ ๋น ๋ฅด๊ฒ ํ๋ ๊ธฐ์ ์ด๋ค.์ด๋ฐ memorization์ด ์ react์ ํ์ํ์ง์ ์๊ธฐ ์ํด์ re

์ปดํฌ๋ํธ ๊ฐ์ ๋ฐ์ดํฐ๋ฅผ ์ฃผ๊ณ ๋ฐ์ ๋ ์ฐ๋ฆฌ๋ props๋ฅผ ๋ ์ฌ๋ฆฐ๋ค. props๋ ์์ ์ปดํฌ๋ํธ์์ ํ์ ์ปดํฌ๋ํธ ๋ฐฉํฅ์ผ๋ก ํ๋ฌ๊ฐ๊ฒ ๋์ด์๋๋ฐ, ์ด๋ฐ ์ฑ๊ฒฉ์ ๊ฐ์ง๊ณ ์์ด์ props drilling์ด๋ผ๋ ๋ฌธ์ ๋ฅผ ๊ฒช์ ์ ์๋ค. props drilling๊น์ด๊ฐ ๊น์ ์ปดํฌ๋

๋ณต์กํด์ ๋ฌ๋ ์ปค๋ธ๊ฐ ์๋ค.์ด๊ธฐ ์ฝ๋๋ก ์์ฑํด์ผ๋ ๊ฒ ๋ง์. ์์ฃผ ๊ฐ๋จํ state๋ฅผ ๊ด๋ฆฌํ๊ธฐ ์ํด์๋ ๋ชจ๋ ํ๋ฆ์ ๋ค ์์ฑํด์ผํจRecoil, Zustand: ๋ณต์กํจ์ ๊ทน๋ณตReact Query: ๋น๋๊ธฐ ํต์ ๊ณผ ์๋ฒ ์ํ ๋๊ธฐํ๊ฐ ์ด๋ ค์ด ๋ฌธ์ ๋ฅผ ๊ฐ์ context API: