search

seongbin9786 / kubooki-frontend-mui

거북이 프론트엔드 - 매터리얼 UI 버전
0 stars 0 forks source link

StyledComponent로 옮기기 #115

Closed seongbin9786 closed 6 years ago

seongbin9786 commented 6 years ago

JSS가 이슈를 해결하지 않으므로 props를 styling에 사용하는 게 가능한 styled component로 옮겨야 함. 전체 컴포넌트 다 하진 말고 일단 일부만 migration 하는 걸로 시도해보겠음.

seongbin9786 commented 6 years ago

BoardDetail.js CommentWriteBox.js EventHeadlineItem.js EventItem.js Header.js ImagePreview.js MyPageNav.js NavDrawer.js PopupManageItem.js

seongbin9786 commented 6 years ago

Material-UI에 있는 컴포넌트의 경우 Styled 로 Overriding 하는 방법이 따로 필요하다.

원래 기본 style이 classes로 className을 넘겨서 덮어쓰는 방식이고 styled-component는 className이 없기 때문에, 아래의 방법 중 하나를 사용해야 한다.

  1. && { 어쩌고 저쩌고 } 로 처리하면 우선순위가 높아짐

  2. !important를 항상 뒤에 붙임

seongbin9786 commented 6 years ago

나머지 css는 필요시마다 Styled Component로 이동하는 것으로 함