# mui

30개의 포스트

[React] Gym-Exercise: MUI 프레임워크

MUI 프레임워크를 경험하고 한마디로 표현하자면!bootstrap과 tailwind css에 결합이라고 할 수 있다.bootstrap 처럼 해당 프레임워크만의 UI를 제공하면서,tailwind css 처럼 따로 CSS 파일 없이 JS 안에서 스타일링이 가능하다. 약간

2022년 6월 23일
·
0개의 댓글
post-thumbnail

Mui Box와 div의 차이 | Mui sx와 inline style의 차이

mui를 사용해서 데브코스 프로젝트를 진행하고 있습니다mui에서는 여러 컴포넌트의 예시를 볼 수 있는데Box 컴포넌트가 div 태그와 다른점은 무엇인지,sx로 css를 적용하는 것과 style로 css를 적용하는 것이 무엇이 다른지 찾아보게 되었습니다react에서 cs

2022년 6월 13일
·
2개의 댓글

CRA(TypeScript), ESLint, Prettier, Styled-Components, Material UI

CRA(TypeScript) > npx create-react-app@latest 'Project Name' --template typescript ESLint VSCode Extension ESLint 설치 npm ESLint, 패키지 설치 > npx instal

2022년 5월 24일
·
0개의 댓글
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개의 댓글