๐ง ๋ง๋ฒ์ ๊ณผํ์ผ๋ก
-
[React] ์ ์ํ๊ฐ์ด ๋ฐ๋๋ฉด ๋ฆฌ๋ ๋๋ง๋ ๊น? (feat. Closure)๐ง ๋ง๋ฒ์ ๊ณผํ์ผ๋ก 2023. 2. 20. 15:49
๐ ์๋ก ๋ฆฌ์กํธ๋ฅผ ์ ์ฌ์ฉํ๋ ๋จ๊ณ๋ ๊ฑฐ์ณค๊ณ , ๋น์ฐํ ๊ฒ๋ค์ ์?๋ผ๋ ์ง๋ฌธ๋ค ๋ง๊ตฌ ๋์ง๋ ์์ฆ์, ๋ฆฌ์กํธ๊ฐ ๋ฆฌ๋ ๋๋ง ๋๋ ์์ , ์ฆ ์ํ๊ฐ๊ณผ ํ๋กญ์ด ์ ๋ฐ์ดํธ๋๋ ์์ ์ ์ด๋ ํ ์ผ๋ค์ด ์ผ์ด๋๋์ง ๊ถ๊ธํด์ก๋ค. ํฉ์ด์ ธ์๋ ์ปจํ ์คํธ-ํด๋ก์ ธ-๋ฆฌ์กํธ ํผ์ฆ์ ๋ง์ถ ์ ์๋ ์๊ฐ์ด์๋ค. ๐ ์ฌ์ ์ง์ ํด๋ก์ ธ๋ ๋ฌด์์ธ๊ฐ? ๋ด๊ฐ ์๊ฐํ๊ธฐ์๋ ์ด๋ ํ ๋ชจ๋จผํธ์ด๋ค. ๋ ์์ปฌ ์ค์ฝํ ๋ฐ์์ ๋ ์์ปฌ ์ค์ฝํ ๋ด๋ถ๋ฅผ ๊ธฐ์ตํ๊ณ ์ ๊ทผํ ์ ์๋. ์ด ๋ง์ ๋ํ ์ค๋ช ์ด ์๋ฟ์ง ์๋ค๋ฉด ์๋ ๐ ์ ์ญ ์ปจํ ์คํธ & ํจ์ ์ปจํ ์คํธ ๋ถ๋ถ๋ถํฐ ์ฝ์ด๋ณด๊ธธ ์ถ์ฒํ๋ค. ๐ useState ํ ์ด ์ด๋ป๊ฒ ์๊ฒผ๋๊ฐ ์๋๋ ๋ฐ๋ก ์ฌ์ฉ์ ์ต์ํ์ง๋ง, ์ด๋ป๊ฒ ์๊ฒผ๋์ง๋ ์์ํ useState ํ ์ ์๊น์์ด๋ค. (์ฝ๋์ฐธ๊ณ ๋งํฌ) const React = (() => { l..