# material ui

10개의 포스트

React에서 Material-UI + styled-components 조합 사용하기

React 쪽에서 많이 쓰이는 라이브러리인 Material-UI와 styled-components 조합을 사용해봅시다.

2020년 9월 15일
·
0개의 댓글

[React] 라이브러리 활용 (차트, 표)

처음에 테이블을 직접 구현해보려고 하다가, 테이블 만드는 데에 너무 많은 시간을 소요할 것 같기도 하고, 라이브러리를 사용해보고 싶기도 해서 material ui라는 라이브러리를 사용하여 데이터 테이블을 구현했다.

2020년 8월 17일
·
0개의 댓글

[React] material-ui 템플릿 사용해보기 (npm-check-updates)

소마 프로젝트를 하면서 A부터 Z까지 하나하나 디자인하기에는 시간이 부족하다고 느껴서 Material-UI의 힘을 빌리고자 한다. >내가 직접 하나하나 만드는 것보다 쌉고수가 만들 걸 쓰는 게 백만배 천만배 더 낫다. ㅋ 1. 마음에 드는 템플릿 다운로드 테스트를

2020년 7월 26일
·
0개의 댓글

리액트 UI 프레임워크: Material UI

https://material-ui.com/api/container/Material UI 적용하기 (https://haleyryu.gitbook.io/engineer/frontend/react-x-redux/3.-material-ui)Material

2020년 7월 10일
·
0개의 댓글

Material-ui : breakpoint

Material-ui에는 화면 크기에 따라 Breakpoint가 있다.xs | sm | md | lg | xlxs (extra-small) : 0px ~ 600pxsm (small) : 600px ~ 960pxmd (medium): 960px ~ 1280pxlg (la

2020년 6월 7일
·
0개의 댓글

Material-ui hidden

material-ui 의 hidden up과 down이 있다. 페이지의 width가 길어지면(up) 사라진다. 반대로 width가 짧아지면 (down) 사라진다. 내가 web에서는 사이드바 메뉴가 보이지만 mobile 길이로 줄어든다면 사이드바 메뉴가 안보이게

2020년 5월 31일
·
0개의 댓글

포트폴리오(06 : 레이아웃 만들기)

프로젝트에서 Material-ui의 기본적인 테마 이외에 나만의 테마를 위한 스타일링이 필요했다. Material-ui는 Css전처리기 대신 jss(javacript based style solution)을 사용하기 때문에 SCSS를 활용해서 컴포넌트를 스타일링하는 레

2020년 5월 19일
·
0개의 댓글
post-thumbnail

포트폴리오(05 : Sass와 styled-components)

반응형 레이아웃을 만들기 위해서는 미디어쿼리를 활용한 css, flexbox를 활용한 css 등 css의 활용이 여러모로 필요하다.이번 포트폴리오에서는 material ui 디자인 프레임 워크를 사용하기로 했는데 예시에서 아래 코드처럼 스타일링 해주는걸 볼 수 있었다.

2020년 5월 7일
·
0개의 댓글
post-thumbnail

[React] Material-UI 시작하기

안녕하세요! 오늘은 Material-UI에 대해서 글을 써볼까 합니다. 아직 공부하는 단계이기 때문에 정중한 피드백은 언제나 환영입니다. Material-UI은 리액트 개발에서 쉽게 사용할 수 있는 UI Framework 입니다. 처음 React 프로젝트를 만드시는

2020년 3월 25일
·
3개의 댓글

Material ui component를 css 파일로 스타일링 하기

details : https://material-ui.com/styles/advanced/#injectfirst

2020년 2월 8일
·
0개의 댓글