프론트엔드2 [React] useEffect 사용시 하기 쉬운 실수 & 의존성 배열 React는 재사용성을 위해 컴포넌트라는 개념을 사용하고 컴포넌트의 렌더링을 제어하기 위해서 useEffect를 사용한다. ⏰ useEffect는 언제 실행되는가?- 기본적으로 컴포넌트가 화면에 그려진 이후에 실행된다. 🎛️ 실행 조건의 제어는?- 전달된 의존성 배열에 따라 useEffect 내부의 Effect의 실행 여부를 결정한다.- 이전 렌더링의 의존성 배열값과 현재의 값을 비교하여 (JS의 Object.is를 비교 사용 ) 변경 사항이 있다면 effect의 콜백을 수행한다. - 의존성 배열이 제공되지 않았다면 매 렌더링 마다 항상 effect를 호출한다. 참고 : React 의 Strict Mode에서는 useEffect를 두 번 호출하여 순수성을 체크하기 때문에 두 번 실행된다. ?.. 2025. 4. 27. Event 버블링 & 캡쳐링 in React 보호되어 있는 글 입니다. 2024. 12. 1. 이전 1 다음