useEffect 제대로 이해하기

• useEffect란?
  • useEffect() 함수는 React commponent가 렌더링 될 때마다 특정 작업을 실행할 수 있도록 하는 React Hook
  • 사용 예시
    • API 요청
    • 이벤트 리스터 등록 / 해제
    • 타이머
    • 외부 라이브러리 사용
    • 전역 상태 연동

• 기본 구조
  • 컴포넌트가 마운트 될 때 실행
  • 의존성 배열안에 지정한 값이 업데이트 될 때마다 실행

useEffect(() => {
  // 실행할 코드
}, [의존성 배열])

• 예시 (로그인 후 유저 정보 불러오기)

useEffect(() => {
  if (token) {
    fetchUser();
  }
}, [token]);