useEffect - 컴포넌트 생명주기 이해
📋 실습 안내
- useEffect - 컴포넌트 생명주기 이해 개념을 학습문서에서 확인하세요.
- 예제 코드를 직접 타이핑해보세요.
- 변형해서 다양하게 실험해보세요.
✏️ CODE EDITOR (JSX)
▶ 실행 버튼을 눌러 코드를 테스트하세요.
👁️ 내 미리보기
내 코드 실행 결과
🤖 AI 선생님에게 질문하기
이번 강의 전용
▼
선생님이 답변 중이에요...
⚠️ 학습 관련 질문만 답변합니다. 관련 없는 질문은 자동으로 학습으로 유도됩니다.
Q1. useEffect의 두 번째 인수(의존성 배열)가 빈 배열([])일 때는?
💡 빈 배열은 '의존하는 값이 없다'는 뜻으로, 마운트 시 한 번만 실행됩니다.
Q2. useEffect에서 클린업 함수를 반환해야 하는 이유는?
💡 클린업 없이 타이머나 이벤트 리스너를 설정하면 컴포넌트가 사라진 후에도 계속 실행되어 메모리 누수가 발생합니다.
Q3. count가 바뀔 때마다 document.title을 업데이트하려면?
💡 의존성 배열에 count를 넣으면 count가 바뀔 때마다 effect가 다시 실행됩니다.
😅
아쉽네요!
점수: 0점 — 70점 이상이 되어야 통과합니다.