반응형 innerHeight1 useWindowSize Hook, 반응형 NavBar,Footer 브라우저 사이즈가 바뀜에 따라 NavBar의변경, 하단 Footer의 변경등을 구현하고 싶었다. 순수 바닐라 자바스크립트의 window.innerWitdh를 조절하는것도 가능하지만 만들어진 훅이 있길래 가져와서 사용했다. 현재 부트스트랩 Grid System을 사용중이고 해당 사이즈를기준으로 경계를 주어 사용해 주었다. 그리고 아래와같이 useState와 useEffect까지 사용해 구현했다. ....... const size = useWindowSize(); // const [size,setSize] = useState(size) const [sizeon,setSizeon] = useState(false) useEffect(()=>{ if(size.width567){ setSizeon(false) } .. 2022. 4. 2. 이전 1 다음 반응형
