lifecycle
-
๐ React ๊ณต๋ถํ๊ธฐ | Life cycle Method, setState๋ฆฌ์กํธ 2020. 8. 23. 14:24
๋ผ์ดํ ์ฌ์ดํด์ด๋? ์ธ๊ฐ์ ์๋ช ์ฃผ๊ธฐ๋ฅผ ๋๋๋ค๋ฉด ๋ฐฐ์์ ํ์๊ฐ ์๊ธธ ๋, ์ธ์์์ ํฐ ์ฌ๊ฑด์ ๋ง๋ฌ์ ๋, ์ฃฝ์ ๋๋ก ๋๋ ์ ์์ ๊ฒ ๊ฐ๋ค. ๋ง์ฐฌ๊ฐ์ง๋ก ๋ฆฌ์กํธ์์๋ ์๋ช ์ฃผ๊ธฐ๋ฅผ ๋๋ ๋ณผ ์ ์๋ค. ๋ผ์ดํ ์ฌ์ดํด์ ์ด 3๋จ๊ณ๋ก ์ ์ํ ์ ์๋ค. 1. Mounting (์์ฑ) mounting์ ๋ฆฌ์กํธ์์ ๋ฌด์ธ๊ฐ๊ฐ consturctor์์์ ์์ฑ๋ ๋์ด๋ค(ํ๋ฉด์ ๋ฌด์ธ๊ฐ๊ฐ ๋ ๋๋ง ๋์์ ๋). mounting ๋จ๊ณ์์๋ props๋ state๋ฅผ ๋ณ๊ฒฝํด์๋ ์๋๋ค. 2. Updating (์ ๋ฐ์ดํธ) updating์ ์ด๋ค ๊ฒ์ด ์์ ๋ ๋๋ฅผ ๋งํ๋ค. ์๋ฅผ ๋ค์ด ์๋ก์ด props๋ฅผ ๋ฐ์ ๋, setState()๋ฅผ ์คํํ ๋๊ฐ ์ด ๋จ๊ณ์ ํด๋น๋๋ค. 3. Unmounting (์ญ์ ) unmounting์ ์ปดํฌ๋ํธ๊ฐ ์ญ์ ๋ ๋..