5.7.2 버전중국에서 만든 react 베이스 UI 라이브러리이다. 효율적이고 재미있게 UI를 꾸며준다.Ant Design은 사용자 인터페이스를 개발하는 데 도움이 되는 다양한 UI 컴포넌트와 디자인 패턴을 제공하여 개발자들이 보다 쉽고 빠르게 웹 애플리케이션을 구축할
<input type='date' /> 를 디자인 하였다.picker를 통해 date, week, month, quater, year 등을 설정할 수 있다. antd에서 기본적으로 사용하는 Date 라이브러리는 dayjs이다. 하지만 초기 설정을 변경해주면 day
<Typography /> 는 텍스트, 문장, 단락들을 표현하는 component이다. 기사/블로그/노트에서 제목이나 단락 내용을 표시해야 할 때, 복사/편집/줄임표 텍스트가 필요할 때 사용한다.Title, Text, Link, Paragraph 등의 세부 com
<Input />, <Password />, <Button /> 은 입력, 버튼 등의 UI component를 제공한다. <Form /> 은 데이터 범위 관리 기능이 있는 component이다. 데이터 수집, 검증 및 스타일을 포함한다. 인스턴스를
bootstrap은 twitter에서 만든 오픈소스 프레임워크로, 반응형 웹 개발에 특화된 UI 라이브러리이고, 매우 유명하다. react bootstrap은 bootstrap 프레임워크를 react 애플리케이션에서 사용할 수 있도록 구현한 라이브러리이다. react
`` 사이트 콘텐츠를 중앙에 배치하고 가로로 채울 수 있는 component이다. fluid prop을 주면 모든 뷰포트 및 기기 크기에서 너비 100%에 사용할 수 있다.
페이지네이션 기능을 작동시킬 수 있다.폼의 형식을 꾸밀 수 있다. Form의 세부 컴포넌트들은 다음과 같다.Form.Group : 유효성검사에 도움을 준다Form.Label: 레이블역할이다.Form.Control : input 태그를 가지고 있다. Form.Text :
`` 전체 화면을 덮는 메뉴바가 나타난다. placement 속성으로 나타날 위치를 지정할 수 있고 기본은 start (왼쪽) 이다.
Material UI Material-UI (mui)는 웹 애플리케이션을 빌드하기 위한 리액트 기반의 UI 프레임워크이다. Google이 2014년 안드로이드 스마트폰에 적용하면서 알려졌으며, Material Design을 기반으로하였기에 시각적으로 훌륭하고 사용하기
Grid mui는 기존 ` 컴포넌트에서 버그 수정과 디자인을 개선한 새로운 ` 컴포넌트를 출시했다.
유저의 아바타를 엣지있게 디자인해준다.deepOrange와 deepPurple각각 mui의 color에서 import해온 각각의 색상모음 객체이다. 속성으로 농도를 지정해준다.입력필드이다label 속성label 텍스트를 지정한다.variant 속성각각의 디자인값을 정해
목록들을 나열하는 리스트 컴포넌트이다.데이터 패칭시 로딩시간 중에 보여줄 수 있는 UI이다.숫자와 함께 개인정보를 표시하는 작인 벳지이다.badgeContent 속성해당 벳지의 상태를 나타내준다.화면에서 측면의 작은 도구 모음 메뉴버튼이다.