브라우저 너비를 계산하는 커스텀 훅 생성

브라우저 너비를 계산하는 커스텀 훅 생성

src/hook/useCalculateInnerWidth.ts

@@ -0,0 +1,21 @@
+import { useEffect, useState } from 'react';
+
+const useCalculateInnerWidth = () => {
+  const [windowWidth, setWindowWidth] = useState(window.innerWidth);
+
+  useEffect(() => {
+    const handleResize = () => {
+      setWindowWidth(window.innerWidth);
+    };
+
+    window.addEventListener('resize', handleResize);
+
+    return () => {
+      window.removeEventListener('resize', handleResize);
+    };
+  }, []);
+
+  return windowWidth;
+};
+
+export default useCalculateInnerWidth;