화면 크기 감지 React 훅 만들기

React에서 화면 크기 변화를 감지하는 커스텀 훅을 만드는 방법입니다.

useWindowSize 훅

useState와 useEffect로 현재 창 크기를 추적하는 훅을 만듭니다.

디바운싱 적용

resize 이벤트에 디바운싱을 적용하여 성능을 최적화합니다. 단위 변환은 단위 변환기가 유용합니다.

SSR 대응

서버 사이드 렌더링에서 window 객체 접근 문제를 해결합니다.