TIL - 2021.05.18

Today Ariticle

• 반응형 디자인의 단점

• 리뷰는 여기서 - 일일 아티클
  
  

그 외 오늘 참고한 아티클들

• [React] Material-UI 시작하기
• React에서 Material-UI + styled-components 조합 사용하기
• Material-UI 와 Styled-Components 를 섞어서 쓸때 세팅해줘야 하는 것
  Material-UI
• svg 다루기

Today Commit Review

깃 commit 캡쳐 이미지

Today I Learned

• Material UI 사용시 index.js에서 \로 App을 감싸두면 styled-component와 연동시 Material 우선 적용 후 따로 지정한 styled-component 속성이 적용된다.

• react에서 svg 파일로부터 ReactComponent 컴포넌트를 import해올 수 있다.. 신기하다..!

import {ReactComponent as Rename} from '.svgName.svg'

...
return <Rename width="100" height="100" fill="black">

• 여기서 svg 파일 내의 path 태그에 fill="current"를 지정해줘야 한다는데, 지정하지 않아도 동작한다.. 현재까지는 차이점을 모르겠다!

Today Review

• 마크업은 언제나 고민된다. 대충 주어진 기획서에 px값으로 때려 박으면 금방 만들긴하는데 %를 고민하게 되고,, 재사용성을 고민하다보면 시간이 많이 걸린다. 많이 해봐서 나름의 규칙이 생겨야 빨리빨리 할듯..

• UI 라이브러리를 사용해볼까 알아봤는데, 사실상 react용 부트스트랩이라서 좀 거부감이 들긴했다. 디자인의 자유도가 떨어지니까? 물론 편리하겠지만.. 일단 form 영역에 사용해볼까 생각은 하고 있다. 부분만..