image
Akan.js
한국어
문서컨벤션레퍼런스Cheatsheet
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
이전
akanjs/server
다음
akanjs/webkit

akanjs/client

`akanjs/client`는 browser/UI-facing helper를 제공합니다. routing, typed fetch access, dictionary hook, page/layout type, auth/cookie helper, device utility, font declaration, common UI prop type에 사용합니다.

router

Akan language/base-path prefix를 normalize한 뒤 active router에 위임하는 client navigation singleton입니다. page, store, template, utility에서 push/replace/back/refresh에 사용합니다.
사용 예시

clsx

Akan UI code 전반에서 class name을 조합하기 위한 `clsx` re-export입니다. 대부분의 view/unit/template component는 UI dependency를 일관되게 유지하기 위해 `akanjs/client`에서 import합니다.
사용 예시

ModelProps / ModelsProps

generated Unit, Zone, list UI component를 위한 공통 props입니다. model data, slice metadata, query/init setting, action, column, click handler를 전달합니다.
사용 예시

PageConfig / LayoutProps

page/layout 파일을 위한 route module type입니다. `PageConfig`는 transition, safe area, gesture, cache behavior를 제어하고, `LayoutProps`는 layout children과 route params를 설명합니다.
사용 예시

Font / createFont

font declaration type과 client-side font factory shim입니다. layout module은 `Font` data를 사용해 server build가 local font asset을 optimize하게 하고, CSR code에는 안전한 no-op shim을 제공합니다.
사용 예시

usePage / msg / Revert

Akan dictionary에서 생성되는 page dictionary와 translation helper입니다. component는 locale-aware text에 `usePage()`를 사용하고 message rendering helper로 `msg`/`Revert`를 사용합니다.
사용 예시

fetch / sig

registered signal metadata에서 만들어지는 typed client fetch proxy입니다. generated endpoint와 slice method를 제공하고 auth helper를 통해 JWT state를 동기화합니다.
사용 예시

getCookie / setCookie / getAccount

server/client context 모두에서 동작하는 cookie 및 account helper입니다. `getAccount`는 JWT가 현재 app과 environment에 속할 때만 decode합니다.
사용 예시

setAuth / initAuth / resetAuth

FetchClient JWT state, cookie, client storage를 함께 업데이트하는 authentication helper입니다. store는 login/logout 이후 이를 호출해 이후 generated fetch call이 올바른 token을 포함하도록 합니다.
사용 예시

device

safe-area value, keyboard listener, haptics, scroll position, platform info, language detection 같은 Capacitor/native feature를 위한 device singleton입니다.
사용 예시
akanjs/client
router
clsx
ModelProps / ModelsProps
PageConfig / LayoutProps
Font / createFont
usePage / msg / Revert
fetch / sig
getCookie / setCookie / getAccount
setAuth / initAuth / resetAuth
device