image
Akan.js
English
DocsConventionsReferencesCheatsheet
image
Akan.js
MIT 라이선스 하에 배포되었습니다.
Akan.js 공식 컨설팅 서비스Akansoft
Copyright © 2026 Akan.js 모든 권리 보유.
시스템 관리자bassman
CLI 레퍼런스
• 명령어
• Workspace
• Application
• Library
• Module
• Scalar
• Package
• Page
• Cloud
AkanJS 레퍼런스
• akanjs/base
• akanjs/common
• akanjs/constant
• akanjs/fetch
• akanjs/signal
• akanjs/server
• akanjs/client
• akanjs/webkit
UI 레퍼런스
• Overview
• Core
• Display
• Forms
• Overlays
• System
CLI 레퍼런스
• 명령어
• Workspace
• Application
• Library
• Module
• Scalar
• Package
• Page
• Cloud
AkanJS 레퍼런스
• akanjs/base
• akanjs/common
• akanjs/constant
• akanjs/fetch
• akanjs/signal
• akanjs/server
• akanjs/client
• akanjs/webkit
UI 레퍼런스
• Overview
• Core
• Display
• Forms
• Overlays
• System
Next
명령어

akanjs/webkit

`akanjs/webkit`은 browser-only React helper와 native-capability hook을 제공합니다. lazy browser component, debounce/throttle/interval hook, promise state, CSR navigation state, Capacitor camera/contact/location/push flow에 사용합니다.

lazy

`ssr: false`를 지원하는 React lazy wrapper입니다. server에서는 fallback stub을 반환하고 mount될 때까지 client rendering을 막아 map, chart, 3D scene 같은 browser-only library에 유용합니다.
사용 예시

useDebounce

input이 잠잠해질 때까지 실행을 지연하는 debounced callback을 반환합니다. search box, image editor, expensive field update에서 사용자가 입력하거나 drag하는 동안 반복 작업을 피할 때 사용합니다.
사용 예시

useInterval

latest callback을 fixed interval로 실행하고 unmount 시 timer를 정리합니다. Zone component는 metric, game state, build log, realtime-like dashboard polling에 사용합니다.
사용 예시

useThrottle

즉시 실행된 뒤 delay가 지날 때까지 호출을 무시하는 throttled callback을 반환합니다. 너무 자주 실행될 수 있는 scroll, pointer, resize, drag handler에 사용합니다.
사용 예시

useFetch / useFetchFn

promise-backed value를 위한 client hook입니다. `useFetch`는 promise 또는 immediate value를 받고, `useFetchFn`은 re-render가 network request를 중복하지 않도록 factory를 memoize합니다.
사용 예시

useCamera

Capacitor camera/photos hook입니다. permission을 확인하고 거부 시 app settings를 열며 upload UI를 위한 `getPhoto`, `pickImage`, permission state를 제공합니다.
사용 예시

useContact

mobile signup/social flow를 위한 Capacitor contacts hook입니다. contact permission을 요청하고 native contact를 사용할 수 있으면 phone/name contact data를 반환합니다.
사용 예시

useGeoLocation

Capacitor geolocation hook입니다. location permission을 요청하고 거부되면 app settings로 이동시키며 map/location flow를 위한 현재 coordinate를 반환합니다.
사용 예시

usePushNoti

native client를 위한 push notification hook입니다. FCM/push plugin을 초기화하고 permission state를 확인하며 device를 등록하고 지원되는 경우 FCM token을 읽습니다.
사용 예시

useLocation / useHistory

href를 route state로 변환하고 navigation history를 추적하는 CSR router hook입니다. cached page transition, scroll restoration, back/forward detection을 구동합니다.
사용 예시

LoginForm

auth store와 bridge UI에서 사용하는 shared login form type입니다. target auth mode, redirect behavior, unauthorized path, optional JWT handoff를 설명합니다.
사용 예시
akanjs/webkit
lazy
useDebounce
useInterval
useThrottle
useFetch / useFetchFn
useCamera
useContact
useGeoLocation
usePushNoti
useLocation / useHistory
LoginForm