프로필사진
  • About
  • 태그
  • 방명록
  • RSS
  • JooStory.net
  • JooHana.net

개인적인 관심사에 관해서 이런저런 이야기를 하고 있습니다. #집밥 #개발자 #Ubuntu

검색하기 폼
  • 분류 전체보기 (600)
    • Dev (76)
    • 잡담 (101)
    • 집밥 (21)
    • 리뷰 (41)
  • 방명록

material-ui (2)
material-ui dark theme

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

Dev 2020. 3. 8. 22:55 댓글 0
material-ui 적용

티스토리에 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이벤트를 ..

Dev 2016. 12. 19. 12:24 댓글 0
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
  • tinymce 6
  • 출시 1년된 PC 2대 구입한⋯
  • 넷플릭스 잠시 안녕
  • WegGL tutorial
최근에 달린 댓글
  • 제가 식탁에 남은 음식을 다⋯
  • 헉 주부습진이라니... 그리고⋯
  • 잡채 맛있겠어요. 당면 불려⋯
  • workflow의 job 수행 조건은⋯
Total
734,422
Today
2
Yesterday
24
링크
  • Channy's Blog
  • The eye
  • Ubuntu Linux : 우분투 리눅스
  • 까칠한 마냐
TAG
  • 찬양
  • 검색
  • 망치
  • Tistory
  • chrome
  • react
  • 다음
  • 넷플릭스
  • Firefox
  • electron
  • github actions
  • Google
  • 티스토리
  • Ubuntu8.04
  • electron 시작하기
  • 레시피
  • Mac
  • Daum
  • 글꼴
  • virtualbox
  • Eclipse
  • ubuntu
  • 리뷰
  • Firefox3
  • 보안
  • Flutter
  • 요리
  • 영화
  • IE
  • Linux
more
«   2022/06   »
일 월 화 수 목 금 토
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30    
글 보관함
  • 2022/05 (1)
  • 2022/01 (1)
  • 2021/11 (1)
  • 2021/10 (1)
  • 2021/07 (1)

Blog is powered by Tistory / Designed by Tistory

티스토리툴바