# useBeforeLeave

3개의 포스트
post-thumbnail

Hook 사용예제: useBeforeLeave

마우스가 화면을 벗어났을 때 실행되는 기능을 구현하였다.화면을 벗어났을 때 이벤트 핸들러인 handle함수를 통해 onBefore함수가 호출되는 것을 알 수 있다.

2021년 9월 19일
·
0개의 댓글

[React] React 중급 - 실무에서 활용할 수 있는 경고/확인창 함수 구현하기 2 (*useEffect 활용)

마우스 커서가 특정 탭, 범위를 벗어났을 때 메시지를 전달하는 함수화면이 rendering 되었을 때 Window에 mouse가 페이지 범위를 벗어났을 떄의 이벤트를 add하고, 해당 이벤트가 발생하면 log를 출력하는 함수를 먼저 구현한다.useEffect를 사용한다

2021년 8월 24일
·
0개의 댓글
post-thumbnail

React Hooks (7) - useBeforeLeave

코드는 다음과 같습니다.우선 App부분을 살펴보면 begForLife라는 함수를 가지고있고 그 밑줄에서 begforLife를 사용하여 useBeforeLeave 함수를 실행하고 있습니다. 페이지 에는 Hello 라는 텍스트만 존재합니다.그럼 위의 함수를 보겠습니다.해당

2020년 8월 11일
·
0개의 댓글