[React] Material-ui로 디자인 하기 #@material-ui/core

Material-UI: A popular React UI framework

Material-ui는 나 같은 디자인을 하나도 모르는 개발자에게 단비 같은 존재이다. 

아이콘까지 있기 때문에 쉽게 디자인이 가능하다.

- 설치

$ npm install @material-ui/core

 

공식 홈페이지에 있는 Tempate에 있는 소스코드를 참고하면 쉽게 디자인할 수 있다.

 

material - ui/Tempate

나는 class에서 makeStyles을 사용해 디자인을 커스텀 하고 싶었는데 실패했다...

그래서 임시 방편으로 템플릿에 있는 코드들처럼 디자인이 들어가는 세부적인 건 함수로 만들어 class에서는 동작만 하도록 했다.

뭔가 많이 사용했는데 막상 정리하려니 생각보다 특별하게 사용한게 없다.

Material-ui만 잘 사용하면 mvp정도는 뚝딱 하고 만들 수 있을 듯하다.