# material ui

11개의 포스트
post-thumbnail

[React] Material-UI로 구현한 가격필터 슬라이더 성능 개선하기

에어비앤비 숙소 리스트 페이지의 가격 필터를 구현했는데, 슬라이더가 유난히 느리게 반응하는 것이 신경쓰였다. 슬라이더를 material-ui 라이브러리를 활용해서 내 앱이 무거워진건 줄 알았는데 정말 비효율적인 코드를 짰다는 것을 나중에야 알게 됐다.

2021년 1월 4일
·
1개의 댓글

[React] #1 리액트를 겅부해보자

입사 10갤차 두둥탁 si 맛보기 jpa 맛보기 vue.js 맛보기를 거쳐 이제 리액트를 공부할 때가 되었다간단한 메모기능 , 해시태그 기능간단한 search api 두가지 정도안 써본 css framework 사용해보기노마드코더에서 기본 강의만 듣고 hook 에대해

2020년 12월 28일
·
0개의 댓글

[알쓸신잡] 1.Material-ui withStyles과 Theme

global로 사용하는 stylesheet를 HOC패턴의 withStyles를 이용하여 사용하고 있는 상황에서 우리만의 custom theme을 적용하고 싶은 경우.withStyles의 두번째 Argumets로는 options 값을 줄 수 있다.옵션을 주고 나면, pr

2020년 12월 23일
·
0개의 댓글

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

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

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

[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개의 댓글

포트폴리오(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개의 댓글