2. material-ui 시작하기

npm install @material-ui/core <- 터미널에 입력하면 설치를 할 수 있다.

나는 material-ui를 통해 테이블을 만들어 보았다.

위와 같이 TableRow와 TableCell를 import한 후 테이블을 만들어 주었다. 한 행에 사용자 정보 cell을 넣어주었다.

그리고 마찬가지로 App.js에 material-ui 라이브러리에서 필요한 것들을 import해준다.

그리고 테이블 헤드와 테이블 바디로 나누어 바디에 Customer 컴포넌트를 차례로 가져오도록 하였다.

(사용자들의 정보가 저장되어 있는 customers 배열 순회)

material-ui 사용 예시

@material-ui/styles - Material-UI

You can use Material-UI's styling solution in your app, whether or not you are using Material-UI components.

material-ui.com

티스토리툴바