노마드코더 ReactJS로 영화 웹 서비스 만들기 06 무료강좌 리액트

 

노마드코더 ReactJS로 영화 웹 서비스 만들기 06 무료강좌 리액트

 

useEffect 간단 요약

 

useEffect는 React에서 컴포넌트가 화면에 렌더링되거나 업데이트될 때, 특정 작업(예: 데이터 가져오기, 구독 설정)을 수행하도록 도와주는 함수입니다.

사용자가 지정한 조건(의존성 배열)에 따라 실행됩니다.

컴포넌트가 사라질 때 정리(clean-up) 작업도 처리할 수 있습니다.

예를 들어, 처음 렌더링 시 API 호출을 하거나, 이벤트 리스너를 추가/제거하는 데 자주 사용됩니다.

상세한 설명과 예시는 아래 링크를 참고해주세요.

참고 링크: https://ko.legacy.reactjs.org/docs/hooks-effect.html

Using the Effect Hook – React

 

React의 cleanup은 컴포넌트가 사라질 때 실행되는 정리 작업으로, 메모리 누수를 방지하고 애플리케이션 성능을 유지합니다. 주로 `useEffect`에서 이벤트 리스너 제거, 타이머 정지, 구독 해제 같은 작업을 처리합니다.

참고 공식 웹문서 링크입니다.

https://react.dev/learn/synchronizing-with-effects#step-3-add-cleanup-if-needed

Synchronizing with Effects – React

 

끝!