useMediaQuery (1) 썸네일형 리스트형 React에서 미디어쿼리 @media 사용하기 반응형 웹을 만들기 위해 반드시 필요한 @media를 React에서 사용하기 위한 방법입니다. material-UI로 쉽게 사용할 수 있기 때문에 우선 material-ui를 install 하셔야 합니다. 그리고 미디어 쿼리를 적용할 컴포넌트에서 import 해줍니다. import useMediaQuery from '@material-ui/core/useMediaQuery'; 그리고 min-width 보다 스크린이 줄어든 여부를 나타내는 변수를 선언합니다. 아래 min-width: *px 부분에 미디어 쿼리로 적용할 기준 width 사이즈를 입력해줍니다. const matches = useMediaQuery('(min-width:1000px)'); 그리고 matches 변수를 이용하여 미디어 쿼리를 다음.. 이전 1 다음