2023.Dec.20.Wed [React] 깔끔한 UI 라이브러리 MUI

MUI란?

 MUI는 'Material-UI'의 약자로 React 프레임워크를 위한 라이브러리다! React를 기반으로 해서 Google에서 미리 디자인된 많은 컴포넌트를 제공해서 좀 더 멋진 UI를 간편하게 구축하고 관리할 수 있다.

 

How to use

먼저 MUI의 Material-UI를 사용하기 위해서는 설치를 해줘야 한다.

> 사용하고자 하는 프로젝트에서 cmd 창을 열고 

npm install @mui/material @emotion/react @emotion/styled
또는
npx install @mui/material @emotion/react @emotion/styled

혹은

yarn add @mui/material @emotion/react @emotion/styled

를 타이핑 하고 엔터를 누르면 알아서 설치가 완료된다.

          𖤐여기서 잠깐! npm(npx)와 yarn의 차이는?
                                 마치 앱스토어와 구글스토어 같은 느낌으로 다운로드할 마켓인 느낌으로 생각하면 된다.

MUI는 커스터마이징이 가능해서 잘 다듬어진 UI를 내 취향에 맞게 조정할 수도 있다.

또한 공식 문서엔 예제들이 있고, MUI의 GitHub 페이지에선 통해 다른 사용자들과 질문과 해결책을 주고받을 수도 있어서 사용하다 막힐 경우엔 이러한 방법을 이용해도 좋다!