Material-UI는 리액트 UI Framework이다.
Material-UI 홈페이지 : https://material-ui.com/
Material-UI 블로그 : https://medium.com/material-ui
설치하기
프로젝트에 사용하기 전에 패키지를 다운로드 해야 한다.
npm, yarn을 이용해서 설치가 가능하다.
// with npm
npm install @material-ui/core
//with yarn
yarn add @material-ui/core
SVG Icons 사용시
// with npm
npm install @material-ul/icons
// with yarn
yarn add @material-ui/icons
사용법
- 사용하려는 항목을 import 한다.
- 사용한다.
- (응용) style을 이용하여 각 component를 커스터마이징 한다.
Javascript, 사용시 Bootstrap을 사용하는 느낌이다.
속성명들이 익숙하지 않은데 빨리 익혀야겠다.
출처: https://velog.io/@sunkim01/React-Material-UI-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0
'React' 카테고리의 다른 글
엔지니어가 리액트를 선호하는 이유 (0) | 2022.12.09 |
---|---|
리액트(React)의 특징 (0) | 2022.12.02 |
리액트(React)의 이해 (0) | 2022.12.02 |