오늘 공부한것 & 기억하고 싶은 내용
useEffect
- React Component가 렌더링 될 때마다 특정 작업을 실행할 수 있도록 하는 리액트 Hook이다.
useEffect(이펙트함수, 의존성배열)
useEffect(() => {
//컴포넌트가 마운트 된 이후,
//의존성 배열에 있는 변수들 중 하나라도 값이 변경되었을 때 실행
//의존성 배열에 빈 배열([])을 넣으면 마운트와 언마운트시에 단 한번씩만 실행됨
//의존성 배열 생략시 컴포넌트 업데이트 시마다 실행
return () => {
//컴포넌트가 마운트 해제되기 전에 실행됨
}
},[의존성 변수])배운점 & 느낀점
useEffect는 이전에 소플책을 읽으면서 자세하게 정리해놓은게 있어서 이번에 다시 복습을 하면서 어려운점은 없었던거 같다.
강의를 들었을때 useEffect안의 return 즉 cleacn up Effect 역할이 헷갈렸는데 이전에 정리해놓은 글을 보고 강의도 다시 보면서 컴포넌트가 사라질때 실행되는 함수 또는 다음 Effect가 일어나기전 이전 Effect의 영향을 정리하는 함수등을 넣는다는걸 완벽하게 익혔다.
