# mui

27개의 포스트
post-thumbnail

#18.TIL | localStorage사용하여 DataGrid Column저장 & 로딩할때 props Column과 비교하여 업데이트해주기 (feat. storybook)

위 화면과 같이 DataGrid의 default column순서를 변경 시켜 내가 중요하다고 생각되는 정보의 순서만 보고 싶은데, 새로고침했을때 다시 default 순서로 돌아간다면 사용자에게 하여금 매우 불편한 경험을 느끼게 해준다.(매번 똑같은 정렬을 해야 하니)그

2022년 4월 30일
·
0개의 댓글
post-thumbnail

(Next.js) Next 앱에서 material ui와 styled-component를 적용하기

Next.js에서 mui와 styled-components 적용하기 좌충우돌 스토리

2022년 4월 25일
·
0개의 댓글

전화번호값 전달받기

나는 value값을 PhoneNumber.js의 상위컴포넌트인 Reservation.js로 전달할 생각이다.상위컴포넌트인 Reservation.js에서 value값을 담을 그릇?인 getPhoneNumber()를 보낸다.PhoneNumber.js에서 값이 바뀔때마다 v

2022년 4월 20일
·
0개의 댓글
post-thumbnail

📋 읽을 거리-3

sass/scss styled-components mui tailwind

2022년 4월 13일
·
0개의 댓글

Pagination 적용하기 (mui 사용)

많은 데이터를 보여줘야 할 때, 가독성을 위해서 페이지를 나눠야할 필요가 있을 수 있다.

2022년 4월 11일
·
0개의 댓글
post-thumbnail

MUI를 알아보자!

요즘 나는 회사에서 MUI를 이용하여 개발을 하고있다. 처음엔 스타일드 컴포넌트가 아닌 MUI를 이용해서 개발을 한다는것에 거부감이 들기도 했지만mui라는 녀석도 상당히 간편하게 사용할수 있는 친구인것같아서 이렇게 블로그에 글을 적어보고자 한다내가 처음 mui를 접하게

2022년 3월 25일
·
0개의 댓글
post-thumbnail

MUI 페이지네이션 적용 방법

구글에서 지원하는 material ui (이하 mui)에는 다양한 UI 라이브러리들이 존재합니다. 저의 경우에는 Modal, Dialog, Pagination, Skeleton 등을 주로 잘 사용하고 있습니다.그 중에서 Pagination에 대해 말하고자 합니다.페이지

2022년 3월 17일
·
0개의 댓글

MUI 컴포넌트에 styled components 스타일링 사용하기 : 참조

https://velog.io/@mandariin/React%EC%97%90%EC%84%9C-Material-UI-styled-components-%EC%A1%B0%ED%95%A9-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0

2022년 3월 8일
·
0개의 댓글

MUI 컴포넌트 에 props 조건부 스타일링 사용하기 : Material UI, props, makeStyles : 참조

https://velog.io/@kimhr08/Material-UI%EC%97%90%EC%84%9C-Style%EC%9D%84-%EC%A0%81%EC%9A%A9%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95

2022년 3월 8일
·
0개의 댓글

MUI 커스텀 테마에 타입스크립트 적용

타입스크립트 환경에서 MUI 의 테마에 필드를 추가하려면 타입스크립트 또한 추가적인 타입 선언이 필요하다. 어떻게 하면 되는지 유형별로 간단히 살펴보자.MUI DocsTheming - Custom variables(https://mui.com/customiza

2022년 2월 26일
·
0개의 댓글
post-thumbnail

스테이폴리오, 발표 전날 라이브러리 삭제하기..

내일 마감일인데 어쩔래?

2022년 1월 18일
·
0개의 댓글

[React]Material-ui (추가 입력)

Default breakpointsEach breakpoint (a key) matches with a fixed screen width (a value):xs, extra-small: 0pxsm, small: 600pxmd, medium: 900pxlg, large:

2021년 12월 31일
·
0개의 댓글

Material UI의 레이아웃 : box, container, grid : 참조

https://iancoding.tistory.com/305https://mui.com/components/box/

2021년 12월 29일
·
0개의 댓글

material-ui + styled 예시 참고 sandbox

https://codesandbox.io/s/kd8n3?file=/demo.tsx

2021년 12월 23일
·
0개의 댓글
post-thumbnail

MUI DataGrid Migration from v4

MUI 버전을 4에서 5로 Migration하면서 다른 페이지는 정상 작동하는데, DataGrid가 로드되면 해당 페이지의 style broken 현상 발생.정확한 원인은 잘 모르겠으나, DataGrid 버전 문제였던 것 같다.기존 @mui/x-data-grid 패키지

2021년 12월 20일
·
0개의 댓글
post-thumbnail

MUI Migration from v4 TreeItem Error

Error Message: Unknown event handler property에러 발생 코드StyledTreeItem은 MUI의 TreeItem 컴포넌트에 스타일을 입힌 컴포넌트.v5로 migration하고 나니 에러 발생.정확한 에러 원인은 모르겠지만, v4 버전

2021년 12월 16일
·
0개의 댓글
post-thumbnail

Migration MUI v4 to v5 makeStyles 사용하기

MUI 공식 문서를 보고 Migration 과정을 실행했으나 세부 코드는 바뀌지 않음makeStyles는 사용할 수는 있지만, lagacy라고 표현하며 다른 방법을 권함.하지만 하나 하나 바꾸기에는 너무 많고 힘들다는 판단.아래 사진은 makeStyles 코드를 v5에

2021년 12월 15일
·
0개의 댓글
post-thumbnail

Material UI Migration from v4 to v5

\[https://mui.com/guides/migration-v4/Update React & TypeScript versionThe minimum supported version of React was increased from v16.8.0 to v17.0

2021년 12월 14일
·
0개의 댓글
post-thumbnail

Material UI Select, TextField 오류 해결

Material UI의 TextField에 MenuItem을 사용할 때, 메뉴 아이템들이 텍스트필드 아래로 보여져야 하는데, 텍스트 필드를 가리면서 아이템이 출력됨.Material UI 버전 문제였다. 기존 v4에서는 material-ui/core에서 라이브러리를 가져

2021년 12월 14일
·
0개의 댓글
post-thumbnail

React MUI(Material UI) Dynamic Textfield

Dynamic Textfield 사용자가 원하는 대로 컴포넌트를 추가하고, 삭제할 수 있도록 구현하고자 한다. add, remove button 추가 컴포넌트를 원하는 만큼 추가하고 제거할 수 있도록 하는 버튼을 추가한다. add, remove 함수 추가 실행 화

2021년 12월 3일
·
0개의 댓글