MUI는 Material Design을 적용하기 쉽게 만든 라이브러리로, 사용하기 위해서는 터미널에서 아래 명령어를 통해 설치해주어야 한다. 이 코드에서 --legacy-peer-deps는 충돌이 날 경우 무시하고 설치하라는 명령어이다.
npm install @mui/material @mui/icons-material @emotion/react @emotion/styled --legacy-peer-deps
위 코드를 실행해주면 MUI의 아이콘을 포함한 디자인을 활용할 수 있다.
Material Design 혹은 MUI가 궁금하다면 아래 링크를 통해 확인해보자.
- Material design
Material Design
Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
m3.material.io
- MUI
MUI: The React component library you always wanted
MUI provides a simple, customizable, and accessible library of React components. Follow your own design system, or start with Material Design.
mui.com
'Developer > 서비스 개발 (App, Web, ...)' 카테고리의 다른 글
| [Front-end/React] npm start 명령어 실행 오류 (0) | 2024.06.25 |
|---|---|
| [Front-end/React] Google Fonts의 무료 폰트 사용하기 (0) | 2024.06.24 |
| [Front-end/React] BrowserRouter 라이브러리 사용하기 (0) | 2024.06.24 |