Develop/React.js
[React] Lifecycle, useEffect
Lifecycle ์ปดํฌ๋ํธ๋ ์์ฑ์ด ๋ ์ ์๊ณ (mount) ์ฌ๋ ๋๋ง์ด ๋ ์ ์๊ณ (update) ์ญ์ ๋ ์ ์๋ค(unmount) ์ปดํฌ๋ํธ๊ฐ mount ๋ ๋/update ๋ ๋/ umount ๋ ๋ ํน์ ์ฝ๋๋ฅผ ์คํํ ์ ์๋ค ๊ฐ๊ณ ๋ฆฌ๋ฅผ ๋ฌ์์ ์คํํ ์ฝ๋๋ฅผ ๊ฑธ์ด์ฃผ๋ ๋๋์ด๋ค. ๊ทธ๋์ Lifecycle hook ์ด๋ผ๊ณ ํจ. import {useState, useEffect} from 'react'; function Detail(){ useEffect(()=>{ //์ฌ๊ธฐ์ ์ ์ฝ๋๋ ์ปดํฌ๋ํธ ๋ก๋ & ์ ๋ฐ์ดํธ ๋ง๋ค ์คํ๋จ console.log('์๋ ') }); return (์๋ต) } ์ด๋ฐ์์ผ๋ก ์จ์ฃผ๋ฉด Detail ์ปดํฌ๋ํธ๊ฐ mount ๋๊ฑฐ๋ update ๋ ๋๋ง๋ค ์ฝ์์ ์๋ ์ด ์ฐํ๋ค. useEffect..