기본 컴포넌트
기본 컴포넌트는 데이터에 대한 목적에 따라 다음과 같이 3가지로 분류한다. 기본적인 컴포넌트는 사용자가 혼락스럽지 않도록 기존에 사용해왔던 형태를 그대로 따르도록 한다.
데이터 입력(Data Entry)
데이터 출력(Data Display)
데이터 탐색(Navigation)
[01] 데이터 입력
정보를 입력할 때 사용 하는 컴포넌트이다. 사용자가 입력 또는 선택하는 정보의 종류에 따라 아래와 같이 총 12개의 컴포넌트를 사용 할 수 있다.
※ Free Icon 출처: https://thenounproject.com
NEEDCHECK Text https://ant.design/components/input/
명칭 확인 필요 ~ 그냥 Text만 입력하는 컴포넌트와 헷갈릴 수 있음으로 Text Field로 변경
NEED CHECK Select https://ant.design/components/select/
종류 확인 필요: Select
, SelectModal
, SelectTree
NEED 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] 데이터 출력
Collapse
Image editor
[03] 데이터 탐색
Card List