react 에서 useEffect 가 2번 호출되는 현상 (두 번 렌더링 되는 현상)
루루개발자:
안녕하세요. 루루개발자 입니다. 요즘은 next.js & react 를 공부해보고 있습니다. 그 중에서도 useEffect 의 호출되는 시점을 직접 테스트해보고자 다음과 같이 코드를 작성하였습니다. import { useEffect } from "react"; const Index = () => { useEffect(() => { console.log('useEffect 호출됨.'); return () => { console.log('useEffect unmount 호출됨.'); }; }, []); return ( ); }; next dev 그리고 next 를 dev 모드로 구동후에 브라우저에서 접근해보면 개발자 도구의 콘솔창에 다음과 같이 표시됩니다. useEffect 는 렌더링 이후에 호출되는 것으로..