Mui
- 리액트를 기반으로 한 UI 라이브러리이다.
- 기존 material UI 라고 불리던 라이브러리, 5버전으로 바뀌며 MUI 라는 이름을 사용하기 시작했다.
- 4버전에서는 material의 컴포넌트와 jss 접목시켜 작동하는 구조였지만, 5버전에서는 emotion을 접목시켜 styled-components와 가까워졌다.
- 리액트 17버전 이상부터 동작한다.
- 기존 방식으로 사용하고 싶다면
npm install @mui/material @emotion/react @emotion/styled, styled-components으로 사용하고 싶다면npm install @mui/material @mui/styled-engine-sc styled-components. - 기본적으로
Roboto폰트를 사용한다.
mui icons
MUI에서 제공하는 다양한 아이콘 사용을 위한 설치npm install @mui/icons-material