Material-UI는 리액트 UI Framework이다.
Material-UI 홈페이지 : https://material-ui.com/
Material-UI 블로그 : https://medium.com/material-ui
MUI Core: Ready to use components, free forever
Get a growing list of React components, ready-to-use, free forever and with accessibility always in mind.
mui.com
MUI Blog – Medium
MUI (formerly Material-UI) is the React UI library you always wanted. Follow your own design system, or start with Material Design.
medium.com
설치하기
프로젝트에 사용하기 전에 패키지를 다운로드 해야 한다.
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 |