React(๋ฆฌ์กํธ) ์ค๊ธ์ ์์ ํ (Hook) ์ ๋ฌธ
๋ณธ ๊ณผ์ ์ React ์ ๋ฌธ ๋จ๊ณ๋ฅผ ๋์ด, ์ค๋ฌด ๊ฐ๋ฐ์์ ๊ฐ์ฅ ๋ง์ด ํ์ฉ๋๋ Hook์ ์๋ฆฌ์ ํ์ฉ๋ฒ์ ์ง์ค์ ์ผ๋ก ๋ค๋ฃจ๋ ์ค๊ธ ํ์ต ๊ณผ์ ์ ๋๋ค. ํจ์ํ ์ปดํฌ๋ํธ์ ํต์ฌ ๋๊ตฌ์ธ Hook์ ํตํด, ์ํ ๊ด๋ฆฌ, ๋ผ์ดํ์ฌ์ดํด ์ ์ด, ์ฑ๋ฅ ์ต์ ํ ๋ฑ์ ๊ตฌํํ๋ ๋ฐฉ๋ฒ์ ๋จ๊ณ์ ์ผ๋ก ํ์ตํ ์ ์์ต๋๋ค. ํนํ useState, useEffect ๊ฐ์ ๊ธฐ์ด Hook๋ถํฐ useRef, useMemo, useCallback ๋ฑ ๊ณ ๊ธ Hook์ ์ญํ ๊ณผ ์ฌ์ฉ ํจํด์ ์ฒด๊ณ์ ์ผ๋ก ์ ๋ฆฌํ๋ฉฐ, ์ํฉ๋ณ๋ก ์ด๋ค Hook์ ์ ํํด์ผ ํ๋์ง ์ดํดํ ์ ์๋๋ก ๊ตฌ์ฑ๋์ด ์์ต๋๋ค. ์ค์ต ์์ ๋ฅผ ํตํด ๋จ์ํ ์ฝ๋ ์์ฑ๋ฒ์ ๋์ด, ์ปดํฌ๋ํธ ๊ฐ ์ํ ๊ด๋ฆฌ ์ต์ ํ ๋ถํ์ํ ๋ ๋๋ง ๋ฐฉ์ง ๋์ ๋ฐ์ดํฐ ๊ด๋ฆฌ ๋ฐ DOM ์ ์ด ๋ฑ์ ๊ฒฝํํด๋ณด๋ฉฐ, ์ค์ ํ๋ก์ ํธ์์ ์์ฃผ ๋ง๋ฅ๋จ๋ฆฌ๋ ๋ฌธ์ ๋ค์ ํด๊ฒฐํ๋ ๊ฐ๊ฐ์ ๊ธฐ๋ฅผ ์ ์์ต๋๋ค. ๋ณธ ๊ณผ์ ์ ๋ง์น๋ฉด, React์ ํต์ฌ์ธ Hook ๊ธฐ๋ฐ ๊ฐ๋ฐ ํ๋ฆ์ ์ตํ ๋ ๋ณต์กํ ์ ํ๋ฆฌ์ผ์ด์ ๊ตฌ์กฐ์๋ ์์ ์๊ฒ ์ ์ฉํ ์ ์์ต๋๋ค.
์๊ฐ์ 8๋ช
๋์ด๋ ์ ๋ฌธ
์๊ฐ๊ธฐํ 12๊ฐ์






