custom hook
[ReactJS] ๊ด์ฌ์ฌ์ ๋ถ๋ฆฌ์ Custom Hook
๊ด์ฌ์ฌ์ ๋ถ๋ฆฌ ๊ฐ๊ฐ์ ๊ด์ฌ์ฌ์ ๋ฐ๋ผ ์ฝ๋๋ฅผ ๋ถ๋ฆฌํ๋ ๊ธฐ๋ฒ ์ฝ๋๊ฐ ํ๋์ ๊ด์ฌ์ฌ๋ง ์ ๊ฒฝ์ฐ๋๋ก ๋ถ๋ฆฌํ๋ ๊ฒ ๊ด์ฌ์ฌ์ ๋ถ๋ฆฌ์ ํน์ง ํน์ ํ ๋ณํ์ ๋์ํ๊ธฐ ์ํด ์ฝ๊ณ ์ดํดํ๊ณ ์์ ํด์ผ ํ๋ ์ฝ๋์ ๋จ์๋ฅผ ์ค์ผ ์ ์์ด ์ ์ง ๋ณด์์ ์ฉ์ดํด์ง๋ค. ํ๋์ ์ฝ๋๊ฐ ํ๋์ ๊ธฐ๋ฅ์ ๋ด๋ดํ๊ธฐ์ ์ฌ๋ฌ ์ญํ ์ด ํผ์ฌ๋ ์ฝ๋๋ณด๋ค ๋จ์๋ณ๋ก ์ฌ์ฌ์ฉํ๊ธฐ ์ฌ์์ง๋ค. ์ฝ๋์ ๊ธฐ๋ฅ ํ ์คํธ ๋ํ ์ฌ์์ง๋ค. ๊ด์ฌ์ฌ์ ๋ถ๋ฆฌ๊ฐ ์ ๋ ์ํํธ์จ์ด๋ ๋ฎ์ ๊ฒฐํฉ๋์ ๋์ ์์ง๋๋ ํน์ง์ด ๋ํ๋๋ค. ๋ฎ์ ๊ฒฐํฉ๋ (Loose Coupling) : ์ฝ๋๊ฐ ์ฝํ์์ง ์๊ณ ๊ด์ฌ์ฌ์ ๋ฐ๋ผ ๋ ๋ฆฝ์ ์ผ๋ก ์ ๋ถ๋ฆฌ๋์ด ์๋ค. ๋์ ์์ง๋ (High Cohesive) : ๋์ผํ ๋ชฉ์ (๊ด์ฌ์ฌ)๋ฅผ ๊ฐ์ง ์ฝ๋๋ผ๋ฆฌ ์ ๋ชจ์ฌ์๋ค. KISS ์์น Keep It Simple, Stup..