커스텀훅

커스텀훅을 사용하면 여러 컴포넌트에서 쉽게 로직을 재활용할수 있습니다.다른 컴포넌트에서 쉽게 해당 컴포넌트의 크기를 가져오는 훅입니다.위 코드에서는 ComponentSize라는 인터페이스를 정의하여 컴포넌트의 가로 너비와 세로 너비를 표현합니다. 이 인터페이스를 사용하

리액트에서 useEffect와 useState를 사용하여 debounce hook을 만들 수 있습니다.위 코드에서 useDebounce는 value 값이 delay 시간만큼 변경되지 않으면 debouncedValue 값을 변경합니다.이 hook을 사용하려면 다음과 같이

이 hook은 useRef로 참조한 DOM 엘리먼트의 y-scroll 값을 추적합니다. useYScroll을 사용하려면 해당 컴포넌트에서 useRef를 사용하여 해당 DOM 엘리먼트에 대한 참조를 만들고 useYScroll을 호출하여 y-scroll 값을 가져올 수 있