AI 요약관련 정보

• React에서 브라우저 창 크기 변경 시 특정 코드를 실행하려면 window resize 이벤트에 연결해야 함 🪟
• 현재 창 크기를 저장하는 상태 변수를 만들어 React 앱이 변경에 반응하도록 함 🔄
• useEffect 훅을 사용하여 window resize 이벤트에 연결하고, 빈 의존성 배열을 전달하여 의존성 없음을 명시 ⚛️
• handleResize 함수를 만들어 창 크기가 변경될 때마다 상태 변수를 업데이트함 📐
• 컴포넌트가 마운트될 때 초기 창 크기를 설정하기 위해 handleResize 함수를 한 번 호출 🚀
• resize 이벤트에 이벤트 리스너를 추가하고, 컴포넌트가 언마운트될 때 이벤트 리스너를 정리함 🧹
• (보너스) 재사용성을 높이기 위해 해당 로직을 커스텀 훅으로 만들어 사용하면 편리함 💡