728x90
반응형
ant design과 styled-components 적용
ant-design, ant-design icons, styled-components 설치 👇
npm i antd styled-components @ant-desing/icons
stylesheets import해주기 👇
pages안에 _app.js파일 안에 공통되는 부분 넣어주기
// _app.js
import 'antd/dist/antd.css';
이후 ant-design 홈페이지에서 사용하고 싶은 components 골라서 사용
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
❓ _app.js는 pages들의 공통 부분(모든 페이지의 공통)
❓ AppLayout.js는 일부 공통인 부분 모아놓은 페이지
반응형
'프로그래밍 > React' 카테고리의 다른 글
| Redux DevTools와 연동 방법(브라우저 개발자 도구) (0) | 2021.04.12 |
|---|---|
| [React/오류해결]'react-scripts' 은(는) 내부 또는 외부 명령 실행할 수 있는 프로그램 또는 배치 파일이 아닙니다. (0) | 2021.04.08 |
| ESLint 설정 (0) | 2021.04.06 |
| Next의 pages (0) | 2021.04.05 |
| SSR과 CSR 비교 (0) | 2021.04.02 |