MUI 초기 설치를 위해서는 yarn add @mui/material
를 해주면 된다. 그런데 만약 커스터마이징을 위해서는 material-ui에서 제공해주는 함수를 사용해야 한다. 해당 package 명령어 : yarn add @mui/styles
이후에는 css를 만들어서 해당 컴포넌트에 적용하면 된다. MUI는 기본으로 제공되는 코드가 styled-component여서 수정을 하기에 조금 어려움이 있어 그냥 쓰기로 했고, 추가적으로 @emotion/react
와 @emotion/styled
도 설치해줘야 동작했다..
MUI 컴포넌트가 <span>
태그를 생성해주는데, 이 안에 글자를 넣는 방법을 계속 해서 찾고 있다.. 지금까지 해본 방법은 background-image를 넣는 방식인데.. 너무 별로인거 같아서 방법을 찾아보는 걸로..
우리 팀원님 발표 화이팅!