목록useEffect (1)

leebaek

[React] useEffect Hook에 대해 알아보자

■ useEffect란 ?■ useEffect 사용 방법■ useEffect 예시 코드■ useEffect란 ?- 컴포넌트가 렌더링된 후 특정 작업을 실행하게 하는 함수- 함수형 컴포넌트에서 라이프사이클을 처리할 수 있도록 도와줌데이터 불러오기 (API 호출)이벤트 리스너 등록타이머 설정상태 변화에 따른 부수 효과 실행1. Render (렌더 단계)  → 2. Commit (DOM에 실제 반영) → 3. Effect (useEffect 실행) useEffect는 컴포넌트가 렌더링되는 전체 과정 중 1. 렌더 단계, 2. 커밋 단계, 3. 이펙트 단계 총 세 단계를 거쳐 작동해요. 먼저 렌더 단계에서는 JSX가 가상 DOM으로 변환되고, 이전 가상 DOM과 비교(diffing)하는 과정이 진행됩니다. 이때..
웹/React 2025. 3. 22. 18:33
이전 Prev 1 Next 다음