Versions Compared

Key

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

Table of Contents

...

Red 명칭 확인 필요: https://ant.design/components/input/

No

Component

Description

1

Text Field

Image RemovedImage Added

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

Status
colour
titleneedcheck

2

Checkbox

Image RemovedImage Added

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

3

Radio

Image RemovedImage Added

여러 요소 중 1개만 선택해야 하는 경우 사용

4

Select

Image RemovedImage Added

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

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

Select, SelectModal, SelectTree

5

Buttons

Image RemovedImage Added

사용자의 결정에 대한 정보를 입력 받을 경우 사용

6

Switch

Image RemovedImage Added

특정 상태를 ON/OFF 할 경우 사용

7

DatePicker

Image Added

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

8

TimePicker

Image Added

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

9

Transfer

Image Added

두 개의 데이터 그룹 간의 정보 전송이 필요한 경우 사용

10

Rate

Image Added

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

Status
colourRed
title

...

7

...

DatePicker

...

needcheck
Text https://ant.design/components/input/

명칭 및 종류 확인 필요: Text, TextArea, TextEditor

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

...

8

...

...

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

...

9

...

Transfer

...

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

...

10

...

...

https://ant.design/components/

...

rate/

...

1. 텍스트 필드

사용자가 문자와 숫자를 입력할 수 있는 가장 기본적인 입력 컨트롤이다. 사용자 이름, 이메일주소, 전화번호, 비밀번호와 같은 일반적인 정보부터 상품 금액, 계좌번호, 가격 정보 등 상세한 정보 수집이 필요한 상황에서 범주화 할 수 없는 정보 입력을 요청해야 할 경우 주로 사용된다.

...