[ReactJS] Antd CSS Framework

CSS를 직업 코딩하는 방법도 있지만 기능 개발에 시간을 많이 투자하면서 CSS도 직접 코딩을 하게 되면 시간소모가 상당히 많이 될수 있습니다.

그래서 프레임워크를 사용하면 이런 시간도 절약을 할 수가 있고 실무에서도 사용하기도 하는데요.

요즘은 CSS 프레임워크가 너무 잘되어 있기때문에 프레임워크위에 다시 CSS를 입히기도합니다.

 

React JS를 위한 CSS 프레임워크는 Material UI, React Bootstrap, Semeantic UI, Ant Design, Materialize 등이 있는데요.

이번에는 Ant Design를 사용해보려고 하는데 Ant Design는 중국에서 만들어 졌습니다.

Ant Design의 너무 많은것이 들어있어 규모가 상당히 크다는 단점이 있습니다.

하지만 스타일이 매우 깔끔하고 엔터프라이즈 환경에도 어울리는 디자인을 만들수 있습니다.

그리고 무엇보다 사용하기가 매우 편리합니다!

 

https://ant.design/

Ant Design - The world's second most popular React UI framework

사이트에 사용법이나 설명이 잘 나와있습니다!

 

npm install antd --save

이 라이브러리는 리액트에서 사용할 거기때문에 client에 설치를 해주시면 됩니다.

 

사용법을 보면 antd/dist/antd.css를 임포트하면 된다고 하네요!

 

이렇게 임포트 해서 사용하겠습니다.