본문 바로가기
프론트엔드/React

[ React ] Ant design 설치 방법

by CODESIGN 2024. 3. 23.

Ant design의 장점


  • 여러 가지 기능을 빠르게 만들 수 있다. 
  • Customize가 가능하다.
  • 모든 예제에 TypeScript, Javascript 코드가 제공된다.
  • CodePen, CodeSandbox 보기가 제공된다.
  • Animation이 필요한 부분에는 자연스러운 움직임이 적용되어 있다.

https://ant.design/components/overview/

 

Components Overview - Ant Design

An enterprise-class UI design language and React UI library with a set of high-quality React components, one of best React UI library for enterprises

ant.design

 

 

 

 Ant design 설치 방법 


1. VScode에서 터미널을 실행시킨다.

 

 

2. 터미널에서 아래의 두 코드를 입력해서 설치해 준다.

 

 

Ant design 설치 명령어

npm i antd

 

Ant design에서 제공하는 아이콘 설치 명령어

npm i @ant-design/icons

 

 

이제 만들어보자!

댓글