React에서 반응형 디자인을 위한 Custom Hooks 만들기

React작업을 하다 보면 화면 크기와 장치에 따라 사용자 경험을 최적화하기 위해 반응형 동작을 구현하는 방법이 필요합니다. css의 mediaquery로도 대부분 가능하지만 어려울 경우 custom hook을 만드는 방법에 대해 알아보겠습니다. useMediaQuery 미디어 쿼리를 활용한 반응형 동작 import { useEffect, useState } from 'react'; export function useMediaQuery(query) { const [matches, setMatches] = useState(false); useEffect(() => { const media = window.matchMedia(query); const handleMediaChange = (media) => {..