개발자이지만 앱에 디자인과 애니메이션을 추가하고 싶다면 MUI 또는 Material UI를 사용해야 합니다.

왜? 디자인 언어를 갖춘 강력한 React UI 프레임워크 중 하나입니다. 게다가 2014년에 구글이 만들었다는 점입니다. 그리고 단순한 기본 디자인 앱이 아닙니다. 조명 효과뿐만 아니라 디자인, 애니메이션, 그리드 시스템도 많이 포함되어 있습니다.

React.js 외에도 Angular.js 및 Vue.js와 함께 사용할 수도 있습니다. 머티리얼 디자인의 원칙을 따릅니다. MUI 위젯 라이브러리에는 버튼부터 데이터 테이블까지 모든 것을 만드는 데 도움이 되는 많은 버튼이 있습니다.

그렇다면 MUI를 위한 전제조건이 있나요? 음, 코드 편집기가 필요합니다. 뿐만 아니라 React 앱 개발에 대한 지식도 있어야 합니다.

하지만 현재로서는 MUI 사용 여부를 공개한 주요 회사가 하나도 없습니다. 하지만 OpenClassrooms와 QuintoAndar 등이 이를 사용합니다.

그런데 개발자들은 왜 이를 사용하고, 사용하면 어떤 장점이 있을까요? MUI에는 다음과 같은 장점이 있습니다.

1. 구성요소 소품에서 테마에 쉽게 접근할 수 있습니다. 이렇게 하면 검색할 필요가 없습니다.
2. UI의 명확한 일관성.
3. 빠른 성능.
4. 모든 테마와 호환됩니다.

이제 더 큰 문제는 어떻게 설치하느냐 입니다. 음, npm 패키지를 사용하여 다음과 같이 작성하여 설치하세요.

npm 설치 @material-ui/core

그리고 짜잔!

그런데 초보자가 MUI를 배우기가 어렵나요? 음 ... 아니.

문서가 너무 자세하기 때문입니다. 그들은 도서관의 사용 사례도 많이 있습니다. 따라서 모든 문서를 사용하여 배우는 것이 정말 유용합니다. 그러나 이것이 MUI에 단점이 없다는 의미는 아닙니다.

MUI의 번들 크기는 큽니다. 이는 아마도 구성 요소 컬렉션의 포괄성 때문일 것입니다. 때때로 어떤 사람들은 MUI가 불필요한 디자인 제약을 가하는 것처럼 느끼기도 합니다.