[ReactJS] Hook ๊ฐ๋
์์๋ณด๊ธฐ
โ Hook์ ์ฌ์ฉํ๋ ์ด์ hook์ด ๋์ค๊ธฐ ์ ์ ์ฌ๋๋ค์ Class๋ฅผ ์ด์ฉํ์ฌ ์ปดํฌ๋ํธ๋ฅผ ์์ฑํ์ต๋๋ค. ์ด์ ๋ hook์ ํตํด state๋ฅผ ๊ด๋ฆฌํ๊ณ ์ฌ๋ฌ react ๊ธฐ๋ฅ์ ์ฌ์ฉํ ์ ์์ต๋๋ค. hook ์ด์ ์๋ HOC(Higher Order Component)๋ฅผ ์ด์ฉํ์ฌ ์ฝ๋๋ฅผ ๋ฐ๋ณตํด์ ์์ฑ์ ํด์ผ ํ๋ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๋ ค๊ณ ํ์ต๋๋ค. "HOC"์ด๋ ํ๋ฉด์์ ์ฌ์ฌ์ฉ ๊ฐ๋ฅํ ๋ก์ง๋ง์ ๋ถ๋ฆฌํด์ component๋ก ๋ง๋ค๊ณ , ์ฌ์ฌ์ฉ ๋ถ๊ฐ๋ฅํ UI์ ๊ฐ์ ๋ค๋ฅธ ๋ถ๋ถ์ parameter๋ก ๋ฐ์์ ์ฒ๋ฆฌํ๋๋ก ํ๋ ํจํด์
๋๋ค. ์ฆ, ๋ฆฌ์กํธ ์ปดํฌ๋ํธ๋ฅผ ์ธ์๋ก ๋ฐ์์ ์๋ก์ด ๋ฆฌ์กํธ ์ปดํฌ๋ํธ๋ฅผ ๋ฆฌํดํ๋ ํจ์๋ผ๊ณ ์๊ฐํ์๋ฉด ๋ฉ๋๋ค. ํ์ง๋ง HOC์ ์ฌ์ฉํ์ ๋, wrapper hell์ด๋ผ๋ ๋ ๋ค๋ฅธ ๋ฌธ์ ๊ฐ ๋ฐ์ํ ์ ์๋๋ฐ์..
2020.06.03