์ปดํฌ๋ํธ๊ฐ ์์ฑ๋๊ฑฐ๋ ์
๋ฐ์ดํธ๋๊ฑฐ๋ ์ญ์ ๋ ๋, ์ปดํฌ๋ํธ์ ์ด๋ค ํจ๊ณผ๋ฅผ ์ฃผ๋ ํจ์ useEffect()๋ฅผ ๋ฐฐ์๋ณผ ๊ฑฐ์์ use์ด์ฉ๊ตฌ๋ก ์์ํ๊ธฐ ๋๋ฌธ์ ์ด๊ฑธ lifecycle hook ์ด๋ผ๊ณ ๋ ๋ถ๋ฆ
๋๋ค ์์ฆ React์์ Lifecycle hook ์ฐ๋ ๋ฒ import {useState, useEffect} from 'react'; function Detail(){ useEffect(()=>{ //์ฌ๊ธฐ์ ์ ์ฝ๋๋ ์ปดํฌ๋ํธ ๋ก๋ & ์
๋ฐ์ดํธ ๋ง๋ค ์คํ๋จ console.log('์๋
') }); return (์๋ต) } ์๋จ์ useEffect import ํด์ค๊ณ , useEffect ์ ์ฝ๋ฐฑํจ์(ํ๋ผ๋ฏธํฐ๋ฅผ ํจ์๋ก ๋ฐ๋๊ฒ)๋ฅผ ์ ์ด์ฃผ๋ฉด, {} ์์ ์๋ ํ ๋๋ฅผ ์ปดํฌ๋ํธ ๋ก๋(์์ฑ) ๋๋ ์
๋ฐ์ดํธ์ ์คํํฉ๋๋ค useE..