antdesign 썸네일형 리스트형 [ReactJS] Ant Design에 대한 이야기 Ant Design에 대하여만든 곳: https://ant.design/간략한 소개: A UI Design Language리액트와 타입스크립트(Typescript) 기반으로 제작된 UI라이브러리.중국회사에서 오픈소스화한 라이브러리 MIT License 설치npm install --save babel-plugin-import App.css > @import '~antd/dist/antd.css'; 구문을 추가해야 함. ( 참고: https://ant.design/docs/react/use-with-create-react-app ) React에서 Ant Design 사용하기참고 사이트: https://ant.design/docs/react/introduce모바일을 위한 디자인: https://mobile.a.. [ReactJS] Ant Design Custom Theme 사용하기 개요React Ant Design에서는 제한된 수준의 사용자 Custom Theme를 지원합니다.참고: https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less 컴포넌트 단위의 디자인 Variables 확인ant-design-component 프로젝트를 실행하여 아래와 같은 화면을 확인할 수 있습니다.(1): Component의 목록을 표시하는 메뉴입니다. 이 메뉴를 클릭하면 오른쪽의 상세 정보 화면이 변경됩니다.(2): 선택한 Component가 화면에 표시되는 미리보기 화면입니다.(3): 선택한 Component에서 사용되는 기준 값입니다. LESS 언어 기준으로 설정되어 있습니다.컴포넌트 디자인 .. 이전 1 다음