Akan.js
한국어
English
한국어
문서
컨벤션
레퍼런스
Cheatsheet
Akan.js
Akan.js v2 문서가 새로 나왔습니다.
v1 문서 보기
문서
컨벤션
레퍼런스
Cheatsheet
MIT 라이선스 하에 배포되었습니다.
Akan.js 공식 컨설팅 서비스
Akansoft
Copyright © 2026 Akan.js 모든 권리 보유.
시스템 관리자
bassman
워크스페이스 규칙
•
구조
•
포맷 & 린트
앱 & 라이브러리 규칙
•
애셋 (public/ private/)
•
컴포넌트 (ui/)
•
서버 유틸리티 (srvkit/)
•
웹 유틸리티 (webkit/)
•
공통 유틸리티 (common/)
•
akan.config.ts
도메인 규칙
•
개요
•
model.constant.ts
•
model.dictionary.ts
•
model.document.ts
•
model.service.ts
•
model.signal.ts
•
model.store.ts
•
Model.Template.tsx
•
Model.Unit.tsx
•
Model.Util.tsx
•
Model.View.tsx
•
Model.Zone.tsx
스칼라 규칙
•
개요
•
scalar.constant.ts
•
scalar.dictionary.ts
•
scalar.document.ts
•
Scalar.Template.tsx
•
Scalar.Unit.tsx
서비스 규칙
•
개요
•
service.dictionary.ts
•
service.service.ts
•
service.signal.ts
•
service.store.ts
•
Service.Util.tsx
•
Service.Zone.tsx
워크스페이스 규칙
•
구조
•
포맷 & 린트
앱 & 라이브러리 규칙
•
애셋 (public/ private/)
•
컴포넌트 (ui/)
•
서버 유틸리티 (srvkit/)
•
웹 유틸리티 (webkit/)
•
공통 유틸리티 (common/)
•
akan.config.ts
도메인 규칙
•
개요
•
model.constant.ts
•
model.dictionary.ts
•
model.document.ts
•
model.service.ts
•
model.signal.ts
•
model.store.ts
•
Model.Template.tsx
•
Model.Unit.tsx
•
Model.Util.tsx
•
Model.View.tsx
•
Model.Zone.tsx
스칼라 규칙
•
개요
•
scalar.constant.ts
•
scalar.dictionary.ts
•
scalar.document.ts
•
Scalar.Template.tsx
•
Scalar.Unit.tsx
서비스 규칙
•
개요
•
service.dictionary.ts
•
service.service.ts
•
service.signal.ts
•
service.store.ts
•
Service.Util.tsx
•
Service.Zone.tsx
이전
Scalar.Template.tsx
다음
개요
scalar.Unit.tsx
scalar Unit은 scalar 값을 표시하기 위한 작은 재사용 display component입니다. 상위 domain card, row, detail page, table cell 안에서 사용합니다.
여러 상위 module에서 같은 scalar를 같은 모습으로 보여줘야 할 때 사용합니다. 예를 들어 Product, Order, Invoice가 모두 `Price.Unit.Label`을 재사용할 수 있습니다.
파일 형태
Unit은 scalar 옆에 둡니다. `Label`, `Summary`, `Badge`처럼 표시 목적에 맞는 작은 variant를 export합니다.
Scalar Unit 예시
scalar Unit은 scalar 값을 받아 렌더링합니다. 데이터를 load하거나 list를 관리하거나 model action을 실행하지 않습니다.
price.Unit.tsx
상위 Unit에서 사용
상위 module Unit은 scalar Unit을 import하고 model 안의 embedded scalar 값을 넘길 수 있습니다. 표시 formatting은 재사용하고, 주변 layout은 상위 card가 결정합니다.
product.Unit.tsx
작은 variant
같은 scalar가 서로 다른 표시 크기를 필요로 할 때만 variant를 추가합니다. 각 variant는 scalar 값을 렌더링하는 데 집중합니다.
price.Unit.tsx
scalar.Unit.tsx
파일 형태
Scalar Unit 예시
상위 Unit에서 사용
작은 variant
