introduction
Hooks 는 리액트 v16.8 에 새로 도입된 기능으로서, 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 그리고 렌더링 직후 작업을 설정하는 useEffect 등의 기능등을 제공하여 기존의 함수형 컴포넌트에서 할 수 없었던 다양한 작업을 할 수 있게 해준다.
useState 와 useEffect를 연습할 것이다
많은 사람들이 자신들의 hooks를 npm에 공유하는 것을 좋아한다.
이렇게 만은 사람들이 hooks를 공유한다 자신들의 hooks를 나누고 권장한다.오픈소스인 것이다
-
useTitle 은 react document의 title을 몇개의 hooks와 함께 바꾸는 것이다.
-
useInput 은 그냥 input 이다
-
usePageLeave는 유저가 page를 벗어나는 시점을 발견하고 함수를 실행한다
-
useClick 은 누군가 element를 클릭하는 시점을 발견한다.
-useFadeIn은 어떤 element든 상관없이 애니메이션을 element안으로 서서히 사라지게 만든다
-
useFullScreen은 어떤 element든 풀 스크린으로 만들거나 일반 화면으로 돌아가게 할 수 있다.
-
useHover은 마우스가 어떤 것에 올라가있는지를 감지한다
-
useNetwork는 Online 또는 Offline 상태인지를 감지한다
-
useNotification은 notification API를 사용할 때 유저에게 알림을 보내주고
-
useScroll은 스크롤을 사용할 때 감지해 알려주고
-
useTabs 는 웹사이트에 메뉴 또는 무엇이든 간에 tab을 사용하기 매우 쉽게 만들어주는 것이고
-
usePreventLeave는 유저가 변경사항이나 무엇이든 간에 저장하지 않고 페이지를 벗어나길 원할 때 확인을 하는 것이다
-
useCofirm은 비슷한데 어떤 기능이 존재하고
-
useAxios는 HTTP requests client axios를 위한 wrapper 같은 것인데
이게 우리가 할 것이고 이 모든 것들을 사람들이 다운받을 수 있도록 NPM에 올려주신단다. 이 강의를 통해 NPM packate에 등록할 것이다.
