Antd CSS Framework

CSS Framework

스타일을 만드는 작업을 할 때 하나하나 모두 손수 만들 수 있지만 시간이 너무 오래 걸린다.
따라서 성능에 집중하기 위해 framework를 사용하자.
다음은 CSS Framework의 종류이다.

http://ant.design 

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

공식 사이트를 따라 해 보면 쉽다.
우선 설치를 하자.

npm install antd --save

 

그리고 index.js에 임의로 import를 해놓자.

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
import 'antd/dist/antd.css';

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals();