@noobs/use-before-leave

useBeforeLeave 훅은 사용자의 마우스 포인터가 브라우저 창을 벗어나는 순간을 감지하고, 이에 대응하는 사용자 정의 행동을 수행하게 해주는 훅입니다. 이 훅은 mouseleave 이벤트를 활용하여 마우스 포인터가 브라우저 창 상단을 벗어날 때 호출됩니다.

Installation:

yarn

yarn add @noobs/use-before-leave

npm

npm i @noobs/use-before-leave

Arguments:

| Argument | Type | Description | Required | | -------- | -------- | --------------------------------------------------- | -------- | | onBefore | function | 마우스가 브라우저 창을 벗어날 때 실행될 함수입니다. | yes |

Usage:

const BeforeLeaveComponent = () => {
  const handleBeforeLeave = () => console.log("Don't leave!");
  useBeforeLeave(handleBeforeLeave);

  return (
    <div>
      <h1>Hello!</h1>
    </div>
  );
};