CSS Framework
스타일을 만드는 작업을 할 때 하나하나 모두 손수 만들 수 있지만 시간이 너무 오래 걸린다.
따라서 성능에 집중하기 위해 framework를 사용하자.
다음은 CSS 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();