React-web

React Web 환경에서 전역적으로 사용할 수 있는 유틸리티 라이브러리입니다.

Component

Component	Description
UploadTrigger({ children, by, ...props})	웹에서 파일 업로드를 트리거 하는 컴포넌트 입니다.자식 element 에 by 로 지정한 이벤트를 트리거 하면 display none 처리 되어있는 input[type="file"] 클릭되어 파일 선택 창이 열립니다. UploadTrigger 의 props 는 숨겨져 있는 input 의 prop 으로 전달되기때문에, UploadTrigger 의 onChange prop 으로 선택된 파일에 접근이 가능합니다.

Hooks

Hooks	Description
useIntersectionObserver({ onVisible, onHidden, options}, deps)

Socials

Socials	Description
useOauthLinkCallback(params)	OAuth 링크 콜백을 처리하는 React Hook입니다. 이 Hook은 OAuth 인증 후 리다이렉트된 페이지에서 사용됩니다.
useOauthPopupCallback(cb)	OAuth 팝업 콜백을 처리하는 React Hook입니다. 이 Hook은 OAuth 인증 후 팝업에서 사용됩니다.
ERROR_MESSAGES	OAuth 팝업에서 전달된 메시지를 수신하는 React Hook입니다. 이 Hook은 OAuth 인증 후 팝업에서 전달된 메시지를 수신하여 처리합니다.

Socials/Apple

Socials/Apple	Description
Apple	Apple OAuth 인증을 처리하는 클래스입니다. SocialOauthInit 클래스를 상속받아 구현되었습니다.
AppleButton(props)	애플 버튼 UI 컴포넌트입니다. 컴포넌트를 기반으로 하여, 애플 아이콘과 스타일, 레이블을 포함합니다.
AppleIconButton(props)	애플 아이콘 버튼 UI 컴포넌트입니다. 컴포넌트를 기반으로 하며, 애플 아이콘 및 버튼 스타일링이 가능합니다.

Socials/Facebook

Socials/Facebook	Description
FacebookButton(props)	페이스북 버튼 UI 컴포넌트입니다. 컴포넌트를 기반으로 하여, 페이스북 아이콘과 스타일, 레이블을 포함합니다.
FacebookIconButton(props)	페이스북 아이콘 버튼 UI 컴포넌트입니다. 컴포넌트를 기반으로 하며, 페이스북 아이콘 및 버튼 스타일링이 가능합니다.

Socials/FaceBook

Socials/FaceBook	Description
Facebook	Facebook OAuth 인증을 처리하는 클래스입니다. SocialOauthInit 클래스를 상속받아 구현되었습니다.

Socials/Google

Socials/Google	Description
Google	Google OAuth 인증을 처리하는 클래스입니다. SocialOauthInit 클래스를 상속받아 구현되었습니다.
GoogleButton({ style, ...props})	구글 버튼 UI 컴포넌트입니다. 컴포넌트를 기반으로 하여, 구글 아이콘과 스타일, 레이블을 포함합니다.
GoogleIconButton({ style, iconStyle, ...props})	구글 아이콘 버튼 UI 컴포넌트입니다. 컴포넌트를 기반으로 하며, 구글 아이콘 및 버튼 스타일링이 가능합니다.

Socials/Kakao

Socials/Kakao	Description
Kakao	Kakao OAuth 인증을 처리하는 클래스입니다. SocialOauthInit 클래스를 상속받아 구현되었습니다.
KakaoButton(props)	카카오 버튼 UI 컴포넌트입니다. 컴포넌트를 기반으로 하여, 카카오 아이콘과 스타일, 레이블을 포함합니다.
KakaoIconButton(props)	카카오 아이콘 버튼 UI 컴포넌트입니다. 컴포넌트를 기반으로 하며, 카카오 아이콘 및 버튼 스타일링이 가능합니다.

Socials/Naver

Socials/Naver	Description
Naver	네이버 OAuth 인증을 처리하는 클래스입니다. SocialOauthInit 클래스를 상속받아 구현되었습니다.
NaverButton(props)	네이버 버튼 UI 컴포넌트입니다. 컴포넌트를 기반으로 하여, 네이버 아이콘과 스타일, 레이블을 포함합니다.
NaverIconButton(props)	네이버 아이콘 버튼 UI 컴포넌트입니다. 컴포넌트를 기반으로 하며, 네이버 아이콘 및 버튼 스타일링이 가능합니다.

Storage

Storage	Description
ReactSyncConnector	알림함수를 관리하고,SyncedStorage 와 useSyncWebStorage 를 연결 하는 모듈입니다.
ReactSynced	데이터를 동기화하는 ReactSynced 클래스입니다. 데이터가 업데이트될 때 리스너 함수를 호출합니다.
SyncedCookie	데이터를 쿠키에 동기화하는 SyncedCookie 클래스입니다. 데이터가 업데이트될 때 리스너 함수를 호출합니다. ReactSyncConnector와 연결하여 사용합니다.
SyncedStorage	데이터를 동기화하는 SyncedStorage 클래스입니다. 데이터가 업데이트될 때 리스너 함수를 호출합니다. ReactSyncConnector 와 연결하여 사용합니다.
SyncedStorageFactory	동기화된 스토리지를 생성하는 팩토리 역할을 합니다. 해당 클래스의 각 method 는 ReactSyncConnector와 SyncedStorage를 동시에 생성해줍니다.
useSyncWebStorage(connector)	useSyncExternalStore 의 wrapper 입니다. ReactSyncConnector를 통해 외부 스토리지와 동기화를 합니다.