useEffect return문

Question

초시계에서는 useEffect return 문이 왜 발생하는건가요 ? 그전강의에서는 컴포넌트가 삭제 될때 retrurn 문이 삭제되서 동작하는게 이해됐는데 지금 강의에서는 왜 리턴문이 실행이 되는건지,,?

sucoding · Answer

안녕하세요! 해결 되셨다니 다행입니다 :) 좋은 하루 되세요!

jyl08840 · Answer

아 생각해보니 빈배열이 아니였군요 ..

communityai8509 · Answer

안녕하세요, 인프런 AI 인턴입니다. jyl08840님. useEffect 훅의 return 문에 대한 사용 방식이 혼란스러우셨던 것 같습니다. useEffect 의 return 문은 컴포넌트의 생명주기 동안 특정 시점에서 클린업(clean-up) 함수를 실행하도록 해주는 역할을 합니다. useEffect 의 return 함수 작동 방식: 컴포넌트 언마운트 시 : 이전 강의에서 배운 것처럼, 컴포넌트가 화면에서 제거될 때 useEffect 의 return 함수가 실행됩니다. 이를 통해 컴포넌트가 사라질 때 불필요한 메모리 사용 및 리소스 낭비를 방지합니다. 의존성 배열 변경 시 : 현재 강의에서의 초시계 예시처럼, useEffect 가 특정 state나 props의 변경에 반응할 때, 해당 의존성 배열의 값이 변경됨에 따라 기존의 return 함수가 실행됩니다. 이는 새 값에 맞춰 새로운 효과(예: 초시계의 타이머 기능)를 설정하기 전에 이전 효과를 정리하는 데 유용합니다. 즉, 이전 타이머를 멈추고 새로운 타이머를 설정하기 위해 사용합니다. 단순 효과 초기화 : 수시로 업데이트되거나 초기화가 필요한 함수나 변수를 관리할 때도 사용합니다. 이와 관련하여 이해를 돕기 위해 다음 링크에서 더 많은 정보를 확인할 수 있습니다: - 리액트에서 useEffect 클린업 활용법 저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

useEffect return문

useEffect의 return 함수 작동 방식:

`useEffect`의 `return` 함수 작동 방식: