useEffect

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..

wonny_dev
'useEffect' ํƒœ๊ทธ์˜ ๊ธ€ ๋ชฉ๋ก

...