[๊ธฐ์ ๋ฉด์ ] ๋ผ์ดํ์ฌ์ดํด
2023. 9. 14. 13:59ใ๐ฅ๏ธ CS(Computer Science)/์ํํธ์จ์ด
๋ผ์ดํ์ฌ์ดํด(Life Cycle) ์ด๋?
: ์ํํธ์จ์ด ํน์ ํ๋ก๊ทธ๋จ์ด ํน์ ๋จ๊ณ/์ด๋ฒคํธ๋ฅผ ๊ฑฐ์ณ ๋์ํ๋ ๋ฐฉ์์ ์ค๋ช
ํ๋ ๊ฐ๋
. '์์ฑ, ์ด๊ธฐํ, ์คํ, ์ข
๋ฃ' ๋๋ ๊ณผ์
๊ฐ์ฒด ์งํฅ ํ๋ก๊ทธ๋๋ฐ์์ ์ค์ํ ๊ฐ๋
์ผ๋ก ์ฌ์ฉ๋จ
๋ผ์ดํ์ฌ์ดํด์ ์ฃผ์ ๋จ๊ณ
- ์์ฑ(Initialization)
: ์ปดํฌ๋ํธ ํน์ ๊ฐ์ฒด๊ฐ ์์ฑ๋๊ณ ์ด๊ธฐํ๋จ. ํ์ํ ์์์ ํ ๋นํ๊ณ ์ด๊ธฐ ์ค์ ์ ์ํ - ๋ง์ดํ
(Mounting)
: ์ปดํฌ๋ํธ๊ฐ DOM์ ์ถ๊ฐ๋๊ฑฐ๋ ๊ฐ์ฒด๊ฐ ์ฌ์ฉ ๊ฐ๋ฅํ ์ํ๊ฐ ๋จ. ์ปดํฌ๋ํธ๋ ๊ฐ์ฒด๊ฐ ํ๋ฉด์ ๋ํ๋จ - ์
๋ฐ์ดํธ(Updating)
: ์ปดํฌ๋ํธ/๊ฐ์ฒด๊ฐ ์ ๋ฐ์ดํธ ํน์ ๋ณ๊ฒฝ ๋จ. ์ฌ์ฉ์ ์ํธ ์์ฉ ํน์ ๋ฐ์ดํฐ ๋ณ๊ฒฝ์ผ๋ก ์ ๋ฐ์ดํธ๊ฐ ๋ฐ์ ๋จ. - ์ธ๋ง์ดํ
(UnMounting)
: ์ปดํฌ๋ํธ/๊ฐ์ฒด๊ฐ DOM์์ ์ ๊ฑฐ๋๊ฑฐ๋ ๋ ์ด์ ์ฌ์ฉ๋์ง ์๊ฒ ๋จ. ์์์ ํด์ ํ๊ณ ์ ๋ฆฌ ์์ ์ ์ํํจ.
- ๋ผ์ดํ์ฌ์ดํด ์ด๋ฒคํธ๋ ์ฃผ๋ก ์ด๋ฒคํธ ํธ๋ค๋ฌ๋ ๋ฉ์๋๋ก ์ ์ด๋จ(JS์์๋ React, Angular, Vue...)
- ์ํํธ์จ์ด๋ฅผ ์ดํดํ๊ณ ๋๋ฒ๊ทธ ํ๋๋ฐ ๋์์ด ๋๋ฉฐ, ์์ ๊ด๋ฆฌ/์ํ ๊ด๋ฆฌ์ ์ค์ํจ.
- ์ ํ๋ฆฌ์ผ์ด์ ๋์์ ๋ ํจ์จ์ ์ผ๋ก ์ ์ดํ๊ณ ์ต์ ํ ํ ์ ์์
'๐ฅ๏ธ CS(Computer Science) > ์ํํธ์จ์ด' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[CS/์ํํธ์จ์ด]๋ผ์ดํ์ฌ์ดํด ๋ฉ์๋ (0) | 2024.02.26 |
---|---|
[๊ธฐ์ ๋ฉด์ ] CSR, SSR (0) | 2023.09.14 |
[๊ธฐ์ ๋ฉด์ ] ์ฟ ํค, ์ธ์ , ์น์คํ ๋ฆฌ์ง (0) | 2023.09.09 |
[๊ธฐ์ ๋ฉด์ ] ๋๊ธฐ/๋น๋๊ธฐ ์ฐจ์ด (0) | 2023.09.05 |
[๊ธฐ์ ๋ฉด์ ] ํธ์ด์คํ (0) | 2023.09.04 |