feat: scroll 고정 훅

src/hooks/index.ts

@@ -11,3 +11,5 @@ export { default as useIntersectObserver } from './useIntersectObserver/useInter
 export { default as useOverlay } from './useOverlay/useOverlay';
 
 export { default as useClipBoard } from './useClipBoard/useClipBoard';
+
+export { default as useLockScroll } from './useLockScroll/useLockScroll';

src/hooks/useLockScroll/useLockScroll.ts

@@ -0,0 +1,12 @@
+import { useLayoutEffect } from 'react';
+
+const useLockScroll = () => {
+  useLayoutEffect(() => {
+    document.body.style.overflow = 'hidden';
+    return () => {
+      document.body.style.overflow = 'unset';
+    };
+  }, []);
+};
+
+export default useLockScroll;