Next.js에 Ant Design을 도입하는 방법

이 게시물에서는 비즈니스 앱 화면을 만드는 데 유용한 UI 구성 요소 라이브러리 "Ant Design"을 Next.js에 도입하는 단계를 설명합니다. 언어는 TypeScript를 사용합니다. 이 절차에서는 관리 화면의 병아리를 만드는 곳까지 합니다. 이 절차에서 만드는 코드의 완성형은 에서 볼 수 있습니다. 을 참조하십시오. 먼저 다음 명령을 사용하여 Next.js 프로젝트를 만듭니다. 다음...

AntDesignTypeScriptnext.js

React UI library antd 정보 (1) - Button

React UI 라이브러리 인 을 사용해 보았습니다. antd를 사용하는 것은 매우 간단합니다. components도 종류가 많기 때문에 살아납니다. 이번에는 설치에서 설명하고 싶습니다. 예를 들어 Button components를 사용해 보겠습니다. 먼저 Create React App에서 환경을 만듭니다. 최근에는 npm이 아닌 yarn을 사용하는 것이 흐름처럼 보입니다. 이 시점에서 브라...

AntDesignReact우이

Tips Ant Design Vue 테이블에서 문자열로 행 정렬

의 문서를 볼 때 수의 오름차순, 내림차순 정렬 방법에 대한 기록이 있다 문자열의 오름차순 및 내림차순 정렬 방법이 없습니다. 문자열의 오름차순, 내림차순 정렬은 소박하지만 앞으로도 설치가 필요할 것 같아요. 설치 방법 을 남기고 싶습니다. 또한 이 보도 내용을 적용하면 문자열의 오름차순, 내림차순뿐만 아니라 더 복잡한 조건에 따라 정렬할 수도 있다 a-table 라벨columns 속성에 전...

JavaScriptAntDesignVue.js

Ant Design Vue 메시지에 여러 줄 표시

AntDesign을 사용하면 this.$message.info('Hello') 등을 사용할 수 있습니다. 너무 좋아요. 2020년 봄부터 방송되기 때문에 전달이 필요하다. 그래서 두 줄을 표시하고 싶으니까 줄 바꿈부터 넣으세요. 겉과 다르게... 물론 <br>를 넣어도 바로 표시됩니다. 이대로 가면 내년 봄부터 시작되는 새로운 빛의 미소녀의 멋스러움이 제대로 전달되지 않을 것이다. 메시지 A...

AntDesignVue.js