리액트를 위한 CSS 프레임 워크 종류 는
Material UI
React Bootstrap
Semantic UI
Ant Design
Materialize
이렇게 등이 있습니다.
Ant Design
여기서는 이것을 사용할것이고 중국에서 만들어졌고, 단점은 사이즈가 크다는 점이 있다.
장점은 깔끔하고 엔터프라이즈 환경에서도 어울리는 디자인을 만들 수 있는 점이 있다.
가장큰 장점으로 생각되어지는것은 쓰기가 편하다. Material UI도 좋긴하지만 배우기 어렵다고 해서 일단 이걸루
ant.design/components/overview/
Components Overview - Ant Design
antd provides plenty of UI components to enrich your web applications, and we will improve components experience consistently. We also recommend some great Third-Party Libraries additionally.
ant.design
이사이트로 가서 이부분의 가져와서 사용해도 될만큼 편하고
시작하기 위해서 하는 내용은
ant.design/docs/react/introduce
Ant Design of React - Ant Design
Polyfills are needed for IE browsers. We recommend @babel/preset-env for it. You can set targets config if you are using umi. We recommend using npm or yarn to install, it not only makes development easier, but also allow you to take advantage of the rich
ant.design
여기서 부터 따라하면된다.
클라이언트 부분으로 가서
npm install antd --save
설치를 해주고
import 'antd/dist/antd.css'; // or 'antd/dist/antd.less'
이것을 일단 index.js 부분에 넣어놓습니다.
일단은 초기 설정은 완료!~
'WEB' 카테고리의 다른 글
| WEB 만들기 26 - Redux UP (0) | 2021.01.24 |
|---|---|
| WEB 만들기 25 - Redux 기초 (0) | 2021.01.24 |
| WEB 만들기 23 - Concurrently (0) | 2021.01.22 |
| WEB 만들기 22 - Proxy Server (0) | 2021.01.22 |
| WEB 20 - 데이터 Flow & Axios (0) | 2021.01.21 |
댓글