関数構成部品

-ライフサイクルメソッドはありません.でもUSEffectというHookがありました
-userEffectはHookなので関数です

使用方法（マウント、更新時）

useEffect(()=>{
	console.log(“안녕하세요”) 
}) 

->ページが再読み込みされるたびに実行されます.(これらのリーダは、2番目のパラメータの配列であるように制御できます.)

useEffect(()=>{
	console.log(“안녕하세요”)
} , [])

->この構成部品をロードするときは、1回目のみ実行します.(再読み込み後は1回のみ実行されます.このuseEffectは目を点灯し、アレイのみを表示していますが、アレイは空です.)

useEffect(()=>{
	console.log(“안녕하세요”)
} , [color])

->色変数が変化した場合にのみ、最初のコード(関数)を実行します.

useEffect(()=>{
	console.log(“안녕하세요”)
} , [color, age, height])

->2番目の配列の3つの変数のいずれかが変化した場合、最初のコード(関数)が実行されます.

使用法（UnMountの場合）

useEffect(()=>{
	console.log(“안녕하세요”)
	return () => {
	 여기 들어가는 코드들은 이 컴포넌트가 해체될때 run하는 코드, 예를 들어 
         network, API connection을 지우고 싶으면 remove code작성
}} , [color])

クラス構成部品

ライフサイクルメソッド(構成部品の変更)

インストール、更新、UnMount(作成、修正、削除)

componentDidMount(), componentDidUpdate(), componentWillUnmount()