React useEffect

const [count, setCount] = useState(0)
const [text, setText] = useState('') 

useEffect(()=>{
  console.log('Mount!')
},[]);

useEffect(()=>{
  console.log('Update!')
});

useEffect(()=>{
  console.log(`text is Update! : ${text}`)
},[text])

useEffect(()=>{
  console.log(`count is Update!: ${count}`)
  if(count>5){
    alert('count가 5를 넘었습니다 따라서 1로 초기화합니다!')
    setCount(1)
  }
},[count]);

useEffect(callback, []) 형태

• lifecycle 제어

React LifeCycle

• Mount -> Update -> unMount

• componentDidMount, componentDidUpdate, ComponentWillUnmount 메소드(class에서만 사용 가능)

• 함수형 component를 사용하는 이유
  - class 코드 길이가 길어짐
  - 중복코드가 많을 수 있고 가독성이 떨어짐
  

• React hooks(2019.06)
  - class형에서만 사용 가능한 기능을 함수형으로 사용할 수 있도록 함.