React Ant Design 적용해보기

2020년08월06일

에듀캐스트 장고&리액트 강의를 듣고 정리하는 글이다.

Ant Design

알리바바 그룹에서 개발한 UI 프레임워크

사용하기

yarn add antd (package.js가 위치한 곳에 설치해줘야 한다!)
App.js 참조 경로에 antd/dist/antd.css 추가하기. 또는, CSS 파일에 추가할거면 @import ~"antd/dist/antd.css";

import React from 'react';
import { Button } from 'antd';
import 'App.css';

function App() {
  return (
    <div>
      <button>Hello, React</button>
      <Button type="primary">Hello, Antd.</Button>
    </div>
  );
}

export default App;

react