https://github.com/woojoung1217/react_customhooks
https://github.com/woojoung1217/react_customhooks
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/woojoung1217/react_customhooks
- Owner: woojoung1217
- Created: 2023-07-14T17:58:02.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2023-07-26T17:17:30.000Z (almost 2 years ago)
- Last Synced: 2025-01-19T04:44:27.521Z (4 months ago)
- Language: JavaScript
- Size: 181 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React_custom_hooks
React로 구현한 hooks
## 프로젝트 소개
React hooks 를 통한 함수형 프로그래밍
## 🕰️ 기간
- 23.07.13일 - 23.7.17일
### ⚙️ 개발 환경 >
- `React v18`
## 📌 주요 기능
- useUpdateTitle => 페이지 제목을 특정 경우 수정하고 싶은 경우
- useBeforeLeave => 마우스 무브에 따라 특정 요소를 처리하고 싶은 경우
- useClick => 특정 요소를 클릭 시 함수를 동작 시키고 싶은 경우
- useConfirm => 동작에서 사용자에게 확인을 통해 처리하고 싶은 경우
- useFadeIn => 특정요소에 스타일을 주어 변경하고 싶은 경우
- useFullScreen => 이미지를 최대화 or 최소화 하고 싶은 경우
- useInput => input 요소에 특정 함수를 적용하고 싶은 경우
- useNetWork => 와이파이 LAN 의 여부를 onLine or offLine 으로 확인하고 싶은 경우
- usePreventLeave => 사용자가 페이지를 떠나기전 확인하고 싶은 경우
- useScroll => 스크롤에 따라 함수를 실행시키고 싶은 경우
- useStyle => 함수 동작에 따라 css Style 을 변경 하고 싶은 경우
- useTabs => tab 변경 시 다른 화면을 보여주고 싶은 경우
- useNotification => 사용자에게 브라우저 notification 을 보여줘 granted , denied 값을 받을 때 사용가능
- useAxios = axios 를 사용하여 HTTP request 를 처리할 때 함수형으로 사용가능