![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FVxGjX%2FbtrrPO8egUk%2FNnB4fh9orpkPlsRRBzEdYk%2Fimg.jpg)
[공부] 노마드 코더 React hooks 4회차(useConfirm, usePreventLeave)
2022. 1. 20. 20:17
공부/프론트엔드
✨ 느낀 점 👍 알게 된 점 window.confirm코드를 이용해 웹페이지 확인창 띄우기 위의 코드는 다른 곳에 함수를 작성하고 함수를 호출하는 형식으로 작성했는데, 바로 함수를 작성해도 상관없다. 바로 함수를 작성하는 방법은 아래와 같다. const Fn = () => { if(window.confirm('메시지')) { () => {...}// 확인을 누를경우 실행할 함수 } else{ () => {...}// 취소를 누를경우 실행할 함수 }} 탭 닫기 전 확인창 띄우기 protect버튼에는 onClick으로 enablePrevent함수를 호출하도록 한다. enablePrevent함수는 이벤트 함수로 탭을 닫기 전(beforeunload)에 listener함수를 실행한다. listener함수는 ev..