);
}
```
---

Q4: 스크롤 이벤트 핸들러에서 성능 최적화 방법은?
A4: 스크롤 이벤트는 고빈도로 발생하므로, `throttle` 또는 `debounce` 기법을 사용하여 이벤트 호출 횟수를 제한하는 것이 좋습니다. lodash의 `throttle` 함수를 사용하거나 임의로 구현할 수 있습니다.

예:
```jsx
import { throttle } from 'lodash';

useEffect(() => {
const handleScroll = throttle(() => {
// 핸들링 로직
}, 200);

window.addEventListener('scroll', handleScroll);
return () => window.removeEventListener('scroll', handleScroll);
}, []);
```

---

Q5: React에서 스크롤 위치에 따라 특정 동작을 트리거하려면?
A5: 스크롤 위치 상태를 저장한 후 조건문으로 원하는 시점에 동작을 실행합니다. 예를 들어 특정 위치 이상일 때 헤더를 변경하거나, 무한 스크롤에서 데이터를 추가 요청하는 방식입니다.

---

Q6: 이벤트 등록을 컴포넌트에 직접 넣지 않고 쉽게 관리하는 방법은?
A6: 커스텀 훅으로 분리하면 재사용과 관리가 용이합니다.

예:
```jsx
import { useState, useEffect } from 'react';

function useScrollPosition() {
const [scrollPos, setScrollPos] = useState(0);

useEffect(() => {
const onScroll = () => {
setScrollPos(window.scrollY);
};

window.addEventListener('scroll', onScroll);
return () => window.removeEventListener('scroll', onScroll);
}, []);

return scrollPos;
}
```

---

Q7: React 18 이상에서 비동기성과 스크롤 이벤트는 어떻게 관련되나요?
A7: React 18부터 Strict Mode에서 일부 훅이 두 번 호출될 수 있으므로, 이벤트 등록과 해제 로직을 정확히 구현하여 메모리 누수나 중복 등록 문제가 없도록 주의해야 합니다.

---

요약:
1. `useEffect` 내에서 스크롤 이벤트 리스너를 추가 및 제거한다.
2. 성능 최적화를 위해 `throttle`/`debounce`를 활용한다.
3. `ref`를 통해 특정 요소에만 이벤트 적용이 가능하다.
4. 커스텀 훅으로 재사용성 및 관리성을 높인다.
5. React 최신 버전과 Strict Mode 특성에 주의한다.