feat(ui/hooks): useScroll 훅 추가 (#195)

packages/ui/hooks/src/index.ts

@@ -1,3 +1,4 @@
 /* eslint-disable @stylistic/padding-line-between-statements */
 export { useBoolean } from './use-boolean';
 export { useDisclosure } from './use-disclosure';
+export { useScroll } from './use-scroll';

packages/ui/hooks/src/use-scroll.ts

@@ -0,0 +1,21 @@
+import { useEffect, useState } from 'react';
+
+export function useScroll() {
+  const [scrollX, setScrollX] = useState(0);
+  const [scrollY, setScrollY] = useState(0);
+
+  function handleSetScrollXY() {
+    setScrollX(window.scrollX);
+    setScrollY(window.scrollY);
+  }
+
+  useEffect(() => {
+    window.addEventListener('scroll', handleSetScrollXY);
+
+    return () => {
+      window.removeEventListener('scroll', handleSetScrollXY);
+    };
+  }, []);
+
+  return { scrollX, scrollY };
+}