1. ๊ธฐ์ ๋ฉด์ ์ง๋ฌธ์ ๋ํ ์ถ๊ฐ์ ๋ต๋ณ ์ ๋ฆฌ [2ํ]
- ๐ก ๋์๋ต๋ณ
์ฐ์ useEffect๋ dependency ๋ฐฐ์ด ๋ด์ ์ง์ ๋ ๊ฐ์ ๋ณํ๊ฐ ์ผ์ด๋ฌ์๋ ํจ์๊ฐ ์คํ ๋๊ฒ๋ ํ๊ณ ํ์์ ๋ฐ๋ผ์๋ cleanupํจ์๋ฅผ ๋ฐํํ๋๋ก ์์ฑํด์ ์ดํํธ ์คํ์ด์ ์ ์คํ์ํฌ์ ์๋ React Hook ์ ๋๋ค ๋ฐ๋ฉด์ componentDidMount๊ฐ์ ๊ฒฝ์ฐ๋ ์ปจํฌ๋ํธ๊ฐ ์ฒซ ๋ ๋๋ง์ ๋ง์น๊ณ ๋์ ์ดํ์ ์คํ์ด ๋๊ฒ ๋๋ LifeCycle์ด๋ผ๋ ์ฐจ์ด์ ์ ๋จผ์ ์ค๋ช ์ ๋๋ ค์ผ ํ ๊บผ ๊ฐ์ต๋๋ค.
์ฆ ๋์ ๋น๊ตํ์๋ฉด useEffect๋ class Component์ LifeCycle๊ณผ ์ ์ฌํ๊ฒ ๊ตฌํํ๊ณ ์ถ์๋ ์ฌ์ฉํ๋ Hook์ด๊ณ ComponentDidMount๋ ๋ง ๊ทธ๋๋ก LifeCycle์ด๊ธฐ ๋๋ฌธ์ ํ๋์ผ์ด ๋๋ ทํ๊ณ Ajax๋ ํ์ด๋จธ ๋ฑ์ ์ค์ ํ๋ Mathod๋ผ์ ๋์ ์๋ํ๋ ๋ชจ์ต์ ๋น์ทํ ์์์ผ๋ ์์ฐํ๊ฒ ๋ค๋ฆ ๋๋ค
๐ก ์กฐ๊ธ๋ ๋ค๋ฌ์ด๋ณผ ํ์์ฑ์ด ์์ :)