리액트 주소창 높이 인식해서 vh 정하기

  const handleResize = () => {

    const vh = window.innerHeight * 0.01;

    document.documentElement.style.setProperty("--vh", `${vh}px`);

  };

  useEffect(() => {

    handleResize();

    return () => window.removeEventListener("resize", handleResize);

  }, []);

 

 

후에 style에서

      height: calc(var(--vh)*100);