레퍼런스

훅

• useAsyncEffect — useAsyncEffect는 리액트 컴포넌트에서 비동기 사이드이펙트를 처리하기 위한 커스텀 훅이에요.
• useAvoidKeyboard — 하단 고정 요소가 온스크린 키보드를 자연스럽게 피할 수 있도록 도와주는 리액트 훅이에요.
• useBodyScrollLock — 컴포넌트가 마운트될 때 body 스크롤을 잠그고, 언마운트될 때 자동으로 해제하는 React 훅이에요.
• useBooleanState — useBooleanState는 불리언 상태 관리를 단순화하는 리액트 훅이에요.
• useCallbackOncePerRender — 리액트 훅으로, 콜백 함수가 한 번만 실행되도록 보장해요.
• useConditionalEffect — useConditionalEffect는 조건에 따라 효과를 실행하는 리액트 훅이에요.
• useControlledState — useControlledState는 제어된 상태와 비제어된 상태를 모두 제어할 수 있게 해주는 훅이에요.
• useCounter — useCounter는 증가, 감소 및 초기화 기능을 가진 숫자 카운터 상태를 관리하는 리액트 훅이에요.
• useDebounce — useDebounce는 제공된 콜백 함수의 디바운스 버전을 반환하는 리액트 훅이에요.
• useDebouncedCallback — useDebouncedCallback는 제공된 콜백 함수를 디바운스된 버전으로 반환하는 리액트 훅이에요.
• useDebouncedValue — useDebouncedValue는 전달받은 값의 디바운스된 사본을 반환하는 리액트 훅이에요.
• useDoubleClick — useDoubleClick는 단일 클릭과 더블 클릭 이벤트를 구분하는 리액트 훅이에요.
• useGeolocation — useGeolocation는 사용자의 지리적 위치를 검색하고 추적하는 리액트 훅이에요.
• useImpressionRef — useImpressionRef는 특정 DOM 요소가 화면에 보이는 시간을 측정하고 요소가 뷰포트에 들어가거나 나갈 때 콜백을 실행하는 커스텀 훅이에요.
• useInputState — useInputState는 입력 상태를 관리하는 리액트 훅이에요.
• useIntersectionObserver — useIntersectionObserver는 특정 DOM 요소가 화면에 보이는지를 감지하는 커스텀 훅이에요.
• useInterval — useInterval는 정해진 간격으로 함수를 실행하는 리액트 훅이에요.
• useIsClient — useIsClient는 클라이언트 환경에서만 true를 반환하는 리액트 훅이에요.
• useIsomorphicLayoutEffect — SSR 환경에서는 DOM에 대한 접근이 불가하기 때문에 useLayoutEffect 훅 사용 시 경고가 발생해요.
• useKeyboardHeight — 모바일 온스크린 키보드의 높이를 실시간으로 추적하는 리액트 훅이에요.
• useList — 리액트 훅으로, 배열을 상태로 관리해요.
• useLoading — useLoading은 Promise의 로딩 상태 관리를 간소화하는 리액트 훅이에요.
• useLongPress — useLongPress는 요소가 지정된 기간 동안 눌려지고 유지될 때를 감지하는 리액트 훅이에요.
• useMap — 리액트 훅으로, 상태로 키-값 쌍인 맵(Map)을 관리해요.
• useNetworkStatus — Network Information API에 접근하는 React 훅이에요.
• useOutsideClickEffect — useOutsideClickEffect는 지정된 컨테이너 외부에서 클릭 이벤트가 발생할 때 콜백을 트리거하는 리액트 훅이에요.
• usePageVisibility — 페이지 가시성 변화를 감지하는 React 훅이에요.
• usePreservedCallback — usePreservedCallback는 리액트 훅으로, 최신 상태나 props에 항상 접근할 수 있도록 하면서 콜백 함수에 대한 안정적인 참조를 유지해요.
• usePreservedReference — usePreservedReference는 값이 변경되지 않았을 때 그 참조를 유지하면서 최신 상태를 안전하게 사용할 수 있도록 도와주는 리액트 훅이에요.
• usePrevious — 입력 상태의 이전 값을 반환해요.
• useRefEffect — useRefEffect는 특정 DOM 요소에 참조를 설정하고 요소가 변경될 때마다 콜백을 실행하는 데 도움을 주는 커스텀 훅이에요.
• useSafeAreaInset — 디바이스의 Safe Area Inset을 실시간으로 추적하는 리액트 훅이에요.
• useScrollDirection — 스크롤 방향을 감지하는 React 훅이에요.
• useSet — 리액트 훅으로, 상태로 Set을 관리해요.
• useStorageState — 리액트 훅으로, useState처럼 작동하지만 상태 값을 브라우저 저장소에 저장해요.
• useThrottle — 콜백 함수를 제한적으로 실행하는 버전을 만들어요.
• useThrottledCallback — useThrottledCallback는 제공된 콜백 함수의 스로틀링된 버전을 반환하는 리액트 훅이에요.
• useThrottledValue — useThrottledValue는 전달받은 값의 스로틀링된 사본을 반환하는 리액트 훅이에요.
• useTimeout — useTimeout은 지정된 지연 시간 후에 콜백 함수를 실행하는 리액트 훅이에요.
• useToggle — useToggle은 불리언 상태 관리를 간소화하는 리액트 훅이에요.
• useVisibilityEvent — 문서의 가시성 상태 변화를 감지하고 콜백을 실행하는 리액트 훅이에요.
• useVisualViewport — Visual Viewport 변경사항을 추적하는 React 훅이에요.

컴포넌트

• ImpressionArea — ImpressionArea는 특정 DOM 요소가 화면에 보이는 시간을 측정하고 요소가 뷰포트에 들어오거나 나갈 때 콜백을 실행하는 컴포넌트예요.
• Separated — Separated는 각 자식 요소 사이에 지정된 컴포넌트를 삽입하는 컴포넌트예요.
• SwitchCase — SwitchCase는 주어진 값에 따라 선언적으로 컴포넌트를 렌더링할 수 있는 컴포넌트예요.

유틸리티

• buildContext — buildContext는 리액트 컨텍스트를 정의할 때 반복적인 코드를 줄여주는 도우미 함수예요.
• disableBodyScrollLock — disableBodyScrollLock는 body 스크롤을 잠금 해제하는 유틸리티 함수예요.
• enableBodyScrollLock — enableBodyScrollLock은 body 스크롤을 잠그는 유틸리티 함수예요.
• getKeyboardHeight — getKeyboardHeight은 현재 화면에 표시된 키보드의 높이를 픽셀로 반환하는 유틸리티 함수에요.
• getSafeAreaInset — getSafeAreaInset은 모든 안전 영역 간격을 픽셀 단위로 반환하는 유틸리티 함수에요.
• isAndroid — isAndroid는 현재 기기가 안드로이드에서 실행 중인지 감지하는 유틸리티 함수예요.
• isIOS — isIOS는 현재 기기가 iOS 또는 iPadOS를 실행 중인지 감지하는 유틸리티 함수에요.
• isKeyboardVisible — isKeyboardVisible은 현재 화면 키보드가 표시되어 있는지를 확인하는 유틸리티 함수에요.
• isServer — isServer은 코드가 서버에서 실행되는지 확인하는 유틸리티 함수에요.
• mergeProps — mergeProps는 여러 props 객체들을 하나의 객체로 병합하는 유틸리티 함수예요.
• mergeRefs — 이 함수는 여러 개의 refs(RefObject 또는 RefCallback)를 받아서 제공된 모든 refs를 업데이트하는 단일 ref를 반환해요.
• subscribeKeyboardHeight — subscribeKeyboardHeight는 화면 키보드 높이의 변경 사항을 구독하는 유틸리티 함수에요.