chchaeun

@chooks/use-axios

refetch가 발생할 때마다 API 요청을 처리해준다.

@chooks/use-before-leave

사용자의 마우스가 document 창을 벗어났을 때 함수를 발생시킨다.

@chooks/use-click

요소의 클릭을 감지하고 클릭이 발생하면 특정 함수를 실행시킨다.

@chooks/use-confirm

요소에 이벤트가 발생했을 때 정말 그 함수를 실행할 것인지 확인한다. ```javascript export const App = () => { const deleteWorld = () => console.log("delete the world..."); const confirmDelete = useConfirm("Are you sure?", deleteWorld); return <button onClick={confirmD

@chooks/use-fadein

HTML element를 띄울 때 페이지가 mount된 후 몇 초 뒤, 몇 초동안 Fade In 할 것인지 설정할 수 있다.

@chooks/use-fullscreen

HTML element를 전체화면으로 만들어준다.

@chooks/use-input

validtor에 조건을 넣어주어 조건에 맞지 않는 값은 input에 입력되지 못하도록 막는다.

@chooks/use-network

네트워크의 online/offline 상태를 업데이트하고 값을 반환한다.

@chooks/use-notification

브라우저 알림이 허용돼있는 경우 알림을 발생시킨다.

@chooks/use-prevent-leave

윈도우 창을 닫을 때 정말 닫을 것인지 확인한다.

@chooks/use-scroll

특정 범위로 페이지가 스크롤되는 것을 감지하고, 이벤트를 발생시킨다.

@chooks/use-tabs

탭을 클릭하면 해당 탭의 내용을 표시한다.

@chooks/use-title

조건에 따라 페이지 title을 변경시킨다.