137. [React] useEffect, console.log TIL23.03.06

---

 

useEffect안에 console.log 사용이유

React에서 'console.log'를 'useEffect' 안에 쓰는 이유는 주로 컴포넌트의 라이프사이클 동안
어떤 일이 일어나는지 파악하기 위함

1. 'useEffect'는 React 컴포넌트가 렌더링 될 때마다 실행되는 함수로, 컴포넌트의 상태나 프로퍼티가 변경될 때마다 호출됨. 이를 이용해서 'useEffect' 안에서 'console.log'를 사용하여 해당 컴포넌트가 렌더링 되거나 업데이트될 때마다 어떤 상태값이 변경되었는지 쉽게 파악할 수 있음

2. 'useEffect' 안에서 'console.log'를 사용하면, 컴포넌트의 라이프사이클에서 특정 시점에 어떤 일이 일어나는지 디버깅하기도 쉬움.
ex) 'useEffect'의 두번째인자로 전달되는 배열에 따라 'useEffect'가 실행되는 조건을 변경할 수 있음.
이를 이용해서 컴포넌트의 라이프사이클에서 어떤 타이밍에서 'useEffect'가 실행되는지 파악할 수 있음.