LIBRARY/MUI (2) 썸네일형 리스트형 2. Breakpoints 프론트 작업할 때마다 헷갈려서 정리해보려 한다. 1. 초기값 MUI 공식 문서에는 다음과 같이 정리되어있다. xs, extra-small : 0px sm, small : 600px md, medium : 900px lg, large : 1200px xl, extra-large : 1536px 2. 사용법 {...children} 위 예시는 다음과 같다. 0px to 599px - flexDirection : 'column' 600ox and up - flexDirection: 'row' 이걸 media query로 바꾸면 @media (min-width: 0px) and (max-width: 599px) – flexDirection: ‘column’ @media (min-width: 600px) – fl.. 1. Typography 컴포넌트 Typography 기본적인 HTML 로 마크업을 할 때는 , 와 같은 태그를 사용해야했다. MUI에서는 이걸 라는 하나의 컴포넌트를 사용해서 자유롭게 사용할 수 있도록 만들었다. variant & component prop variant prop : 텍스트 크기 조절 및 HTML 태그 결정 component prop : variant prop 과 상이한 HTML 태그를 사용해야 할 때는 component prop으로 태그명을 명시해주면 됨. ex) 텍스트의 크기는 h6로 하고 싶은데, HTML 태그를 div 로 써야 하는 경우 Alerter 이전 1 다음
