Hook
[ReactJS] Hook & State & Props
Hook์ด๋? Hook์ ํด๋์ค ์ปดํฌ๋ํธ์์๋ง ์ฌ์ฉํ ์ ์์๋ ์ํ ๊ด๋ฆฌ์ ๋ผ์ดํ ์ฌ์ดํด ๊ด๋ฆฌ ๊ธฐ๋ฅ์ ํจ์ ์ปดํฌ๋ํธ์์๋ ์ฌ์ฉํ ์ ์๋๋ก ์ฐ๋ํด์ฃผ๋ ํจ์๋ฅผ ์๋ฏธํ๋ค. ๋ฏธ๋ฆฌ ๋ง๋ค์ด ๋ ํจ์๋ฅผ ๊ฐ์ ธ์์ ์ฌ์ฉ์ ํด ์ฃผ๋ ๊ฒ์ด๊ธฐ ๋๋ฌธ์ Hook์ด๋ผ๋ ์ด๋ฆ์ ์ฌ์ฉํ๋ค. Hook์ ๋ชจ์์ Hooks๋ผ ํ๋ค. Hook์ ๋ฑ์ฅ ๋ฐฐ๊ฒฝ ๊ธฐ์กด์ ํด๋์ค ์ปดํฌ๋ํธ๋ง์ ์ฌ์ฉํ์ฌ ์ปดํฌ๋ํธ๋ฅผ ์์ฑํ์๋๋ฐ, ํจ์ ์ปดํฌ๋ํธ์ ์ฅ์ ์ผ๋ก ์ธํด ์ด๋ฅผ ์ฌ์ฉํ๊ณ ์ ํ๋ ๋์ฆ๊ฐ ์ ์ ๋ง์์ง๊ฒ ๋์๋ค. ํจ์ ์ปดํฌ๋ํธ์ ์ฅ์ : ์ ์ธํ๊ธฐ ํธ๋ฆฌํจ, ์ง๊ด์ , ๋ฉ๋ชจ๋ฆฌ ์์์ ๋ ์ฌ์ฉํจ ์ด๋ก ์ธํด ํด๋์ค ์ปดํฌ๋ํธ์์๋ง ๊ฐ๋ฅํ๋ ๊ธฐ๋ฅ์ ํจ์ ์ปดํฌ๋ํธ์์๋ ์ฌ์ฉํ๊ณ ์ Hook์ด ๋ฑ์ฅํ์๋ค. Hook์ ํน์ง ํจ์ ์ปดํฌ๋ํธ์์๋ง ์ฌ์ฉ ๊ฐ๋ฅํ๋ค. Hook์ ์ด๋ฆ..