[React 여정 시작] 1-3. Material UI를 아시나요?

Material UI는 Google의 Marerial Design을 구현한 오픈소스 라이브러리다.

줄여서 mui라고 부르고 이번 프로젝트에선 해당 라이브러리를 사용하기 때문에 설치를 해보겠다.

 

 

1️⃣ 설치

npm install @mui/material @emotion/react @emotion/styled

 

 

2️⃣ 스타일이 지정된 구성 요소 사용

npm install @mui/material @mui/styled-engine-sc styled-components

 

2️⃣➖1️⃣ 옵션

mui는 기본적으로 Roboto를 사용한다고 되어 있으나 나는 다른 폰트를 설치하겠다. 

# Roboto Install
npm install @fontsource/roboto
# icon Install
npm install @mui/icons-material