Hook useEffect

useEffect 함수는 리액트 컴포넌트가 렌더링 될 때마다 특정 작업을 실행할 수 있도록 하는 Hook 이다.

useEffect는 component가 mount 됐을 때, component가 unmount 됐을 때, component가 update 됐을 때,

특정 작업을 처리할 수 있다.

즉, 클래스형 컴포넌트에서 사용할 수 있었던 생명주기 메소드를 함수형 컴포넌트에서도 사용할 수 있게 된 것이다.

Hooks는 state와 lifecycle을 함수형 형태에서 가능하도록 개발 되었다. 덕분에 복잡한 object형식의 state와 setState, this와 bind등 클래스 기반의 귀찮은 부분들을 전부 버리고 짧고 간결한 코드로 리액트 코드를 작성할 수 있게 되었다.