혹시나 theme를 변경하게 될까 싶어 앱 전체 UI 스타일을 css가 아닌 material-ui 자체 style로 만들었다. 하지만 theme를 변경하여 내맘대로 커스텀을 하려면 theme 전반에 대한 이해가 있어야 해서 약간 망설여지게 되었다. 감각없는 나에게 디자인 작업이라는 것은 아주 시간이 오래걸리고 힘든일이다. 결국 어찌어찌 수정해서 완료하기는 했는데 의외로 material-ui의 theme라는 것이 간단해서 어떤 부분을 건드렸는지, 어떤 부분을 주의해야하는지 정리해보려고 한다. material-ui style material-ui의 style은 makeStyles로 theme를 이용하여 class들을 만들고 이를 component요소에 className으로 지정하는 방식이다. v1 릴리즈에서..

티스토리에 markdown으로 글을 쓰기 위해 만든 에디터에 material-ui를 적용해보았다. material-ui는 react용으로 material.io에 정의된 component를 구현해놓은 것이다. meterial design light로 직접 만들어도 되겠지만 이미 잘 만들어진 것이 있는데 굳이 내가 또 만들 필요는 없다. (하지만 결국 typography 때문에 mdl도 import했다 ;;) 설정 Get started에 사용법은 잘 설명이 되어 있어 간단히 정리해보자면 material-ui, react-tab-event-plugin를 npm으로 설치하고 App을 MuiThemeProvider로 감싸주면 준비가 완료된다. react-tab-event-plugin은 onTouchTap이벤트를 ..