- 창 크기 변화에 따라 코드를 실행하려면
window
리사이즈 이벤트에 연결해야 함. 🪟 useState
를 사용하여 현재 창 크기를 저장하고, React 컴포넌트가 변화에 반응하도록 함. 🔄useEffect
훅을 사용하여window
리사이즈 이벤트에 연결하고, 컴포넌트가 언마운트될 때 정리해야 함. 🧹handleResize
함수는 창 크기가 변경될 때마다 상태 변수를 업데이트함. 📐- 재사용성을 위해 커스텀 훅을 만들어 해당 로직을 캡슐화할 수 있음. 🧑💻