Versions Compared

Key

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

...

BackOffice Builder는 30개의 입력 컴포넌트를 제공한다.

No

Component

Description

1

Boolean

true,false 데이터를 처리 할 경우 사용 (ex. 토글, 단일 체크박스, Y/N 버튼)

2

AutoComplete

입력 필드의 자동 완성 기능이 필요한 경우 사용

3

Text

텍스트 정보를 입력 받을 경우 사용

4

Textarea

멀티 라인 텍스트 인풋 박스로 긴 텍스트 입력이 필요 할 경우 사용

5

TextEditor

Image RemovedImage Added

텍스트, 이미지, 영상, 표, 목록, 라인, 에디팅 편집 기능이 필요한 경우 사용

6

CodeEditor

Image RemovedImage Added

코딩 기능이 필요한 경우 사용

7

JsonEditor

Image RemovedImage Added

코딩 기능 중 Json이 필요한 경우 사용

8

Include

Image RemovedImage Added

Include Type으로 컴포넌트와 아이프레임이 필요한 경우 사용

9

Checkbox

여러 데이터의 중복 선택이 필요한 경우 사용

10

Radio

여러 데이터 중 1개만 선택해야 하는 경우 사용

11

Cascader

Image Added

연관된 데이터 세트에서 쉽게 선택할 수 있도록 다단계 분류가 적용된 셀렉트 박스

12

CascaderMultiple

Image Added

여러가지 데이터를 Cascader로 선택해야 하는 경우 사용

13

Number

Image RemovedImage Added

숫자 입력이 필요한 경우 사용

14

Select

Image RemovedImage Added

창을 펼쳐 여러 정보를 확인하고 선택해야 하는 경우 사용

15

SelectTree

Image Added

트리형 데이터를 선택하는 경우 사용

16

SelectModal

Image Added

Modal에서 데이터 검색을 하여 선택하는 경우 사용

17

Password

Image RemovedImage Added

비밀번호를 입력받는 경우 사용

18

Color

Image RemovedImage Added

칼라 선택이 필요한 경우 사용

19

File

Image RemovedImage Added

파일 업로드가 필요한 경우 사용

20

Image

이미지 파일 업로드가 필요한 경우 사용

21

Zipcode

우편번호 검색 기능을 가진 컴포넌트

22

Location

주소를 입력 받는 경우 사용

23

Map

Image RemovedImage Added

지도 입력이 필요한 경우 사용

24

Date

날짜 정보를 선택하여 입력해야 하는 경우 사용

25

Date Range

시작 날짜와 종료 날짜를 선택하여 입력 받아야 하는 경우 사용

26

Time

시간 정보를 선택하여 입력해야 하는 경우 사용

27

Time Range

시작 시간과 종료 시간을 선택하여 입력 받아야 하는 경우 사용

28

Slider

Image Added

미리 정해진 범위 내의 숫자값을 선택하여 입력받는 경우 사용

29

Rate

Image Added

평가 정보를 표시해야 하는 경우 사용

30

Tags

Image Added

분류 또는 마크업을 위한 태그 지정이 필요한 경우 사용

...

No

Component

Preview

1

Number

2

Rate

3

Slider

4

Color

Image RemovedImage Added

5. Date/Time Type

...