UseEffect Ex1

 

Nextjs useEffect

 

webbrowser연결 후 호출되는 시기.
window, document 등에 접근 가능.

 

function App2() {

	useEffect(()=>{
		console.log("UseEffectV1 main call window.document:" + window.document.nodeName);
		return ()=> {
			console.log("UseEffectV1 return call href:" + window.location.href);
		}
	});

	let data1 = "aaa";
	useEffect(()=>{
		console.log("UseEffectV2 main call d: " + data1);
		return ()=> {
			console.log("UseEffectV2 return call d: " + data1);
		}
	}, [data1]);
	
	//useState에 의한 값이 아닌 경우 값 변화와 화면갱신,useEffect와는 무관. 화면에 갱신 되지 않음.
	setTimeout(() => {data1 = "bb"; console.log("chg d: " + data1);}, 1000);

	return (
		<div >
			<h1> hello d: {data1}</h1>
		</div>
	);
}

export default App2;