Merge pull request #86 from frontend-opensource-project/feature/URH-86

[URH-86] useUnmount 문서 작성

Author: suhyeoonn

docs/pages/docs/hooks/_meta.json

@@ -20,6 +20,7 @@
   "useTimer": "useTimer",
   "useToggle": "useToggle",
   "useTranslation": "useTranslation",
+  "useUnmountEffect": "useUnmountEffect",
   "useOutsideClick": "useOutsideClick",
   "useKeyDown": "useKeyDown"
 }

docs/pages/docs/hooks/useUnmountEffect.mdx

@@ -0,0 +1,39 @@
+# useUnmountEffect
+
+## Introduce
+
+- `useUnmountEffect`는 컴포넌트가 언마운트될 때 지정한 콜백 함수를 실행하는 훅입니다.
+- 컴포넌트가 언마운트 되는 시점에 클린업 작업을 수행하고자 할 때 유용합니다.
+
+```tsx
+interface UseUnmountEffectReturns {
+  setUnmountCallback: (callback: () => void) => void;
+}
+
+const useUnmountEffect = ():UseUnmountEffectReturns
+```
+
+## Returns
+
+- `callback`: 컴포넌트가 언마운트될 때 실행할 콜백 함수
+
+## Examples
+
+```tsx copy filename="TestComponent.tsx"
+function TestComponent() {
+  const { setUnmountCallback } = useUnmountEffect();
+
+  setUnmountCallback(() => {
+    console.log('TestComponent가 언마운트되었습니다.');
+  });
+
+  return (
+    <>
+      <DummyComponents />
+      <SomeComponents />
+    </>
+  );
+}
+
+export default ExampleComponent;
+```