Table of Contents |
---|
기본 컴포넌트
기본 컴포넌트는 데이터에 대한 목적에 따라 다음과 같이 3가지로 분류한다. 기본적인 컴포넌트는 사용자가 혼락스럽지 않도록 기존에 사용해왔던 형태를 그대로 따르도록 한다.
데이터 입력(Data Entry)
데이터 출력(Data Display)
데이터 탐색(Navigation)
BackOffice Builder는 27개의 입력 컴포넌트를 제공한다.
AutoComplete, Boolean, Cascader, CascaderMultiple, Checkbox, CodeEditor, Color, Date, File, GoogleMap,
HistoryTable, Image, Include, JsonEditor, Location, Map, Number, Password, Radio, Rate,
Select, Slider, Tags, Text, Time, TimeRange, Zipcode
...
<작성중>
[01] 데이터 입력
정보를 입력할 때 사용 하는 컴포넌트이다. 사용자가 입력 또는 선택하는 정보의 종류에 따라 아래와 같이 총 12개의 컴포넌트를 사용 할 수 있다.
...
※ Free Icon 출처: https://thenounproject.com
Status | ||||
---|---|---|---|---|
|
명칭 확인 필요 ~ 그냥 Text만 입력하는 컴포넌트와 헷갈릴 수 있음으로 Text Field로 변경
Status | ||||
---|---|---|---|---|
|
종류 확인 필요: Select
, SelectModal
, SelectTree
Status | ||||
---|---|---|---|---|
|
종류 확인 필요 : Date
BirthDate
DateRange
DateTime
DateTimeRange
https://ant.design/components/time-picker/
https://ant.design/components/transfer/
https://ant.design/components/rate/
[02] 데이터 출력
Collapse
Image editor
[03] 데이터 탐색
Card List
...