Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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
colourRed
titleneedcheck
Text https://ant.design/components/input/

명칭 확인 필요 ~ 그냥 Text만 입력하는 컴포넌트와 헷갈릴 수 있음으로 Text Field로 변경

Status
colourRed
titleNeed check
Select https://ant.design/components/select/

종류 확인 필요: Select, SelectModal, SelectTree

Status
colourRed
titleNeed check
DatePicker https://ant.design/components/date-picker/

종류 확인 필요 : Date BirthDate DateRange DateTime DateTimeRange

https://ant.design/components/time-picker/

https://ant.design/components/transfer/

https://ant.design/components/rate/

[02] 데이터 출력

[03] 데이터 탐색

...