# mui
💻 TIL 23.03.16
처음으로 진행해보는 migration이라서 어떻게 시작할지 막막해서 계획을 세워보기로 했다.현재 우리 페이지는 auth.xxx.com, learn.xxx.com, main.xxx.com, admin.xxx.com 4개로 이뤄져있다.같은 NavBar를 사용하는 learn
[Mui]Warning: Failed prop type 에러
Warning: Failed prop type: The prop nodeId is marked as required in ForwardRef(TreeItem2), but its value is undefined.treeItem을 클릭하고 nodeId를 받아오기전까지 n
[MUI] Text inside CircularProgress
MUI의 CircularProgress 안에 loading 글자 넣기참조https://stackoverflow.com/questions/43420540/text-inside-circular-progress-of-material-ui
[프로젝트]우산대여 키오스크 - 2 (구현)
막대그래프를 효과적으로 나타내기 위해 d3.js 라이브러리 사용d3 라이브러리란?데이터 기반의 시각화를 도와주는 라이브러리chart.js 와 고민했으나 내가 원하는 디자인과 애니메이션, 자유도를 하기엔 이미 구현되어있는 것을 쓰는 느낌이라 raw data를 다룰 수 있
💻 TIL 23.02.22
✅ 문제 작년 말에 참여했던 KB IT's Your Life에서 만들었던 감성숙소 추천 웹 사이트를 리팩토링 계획을 세우고 진행하려 한다. 리팩토링에서 해야할 과제 코드 개선 1달동안 프로젝트를 하나 진행해야하는데 프론트를 혼자 맡게 되어서 급하게 코
TIL38-01 MUI 사용하기
MUI는 리액트의 라이버리이며 사용법이 비교적 간단하고, 다양한 기능의 UI를 가져다 쓸 수 있다. 아래 설치 페이지 링크로 가면 설치 코드를 확인할 수 있다. MUI 설치 페이지MUI 패키치 설치프로젝트를 통해 switch ui를 사용해보았다.아래 화면처럼 '<
💻 TIL 2023.02.18
✅ 문제 Next Js로 개발하던 중 mui를 사용하자 오류가 발생함 처음 렌더시에만 오류가 뜨고 화면에 UI가 나타난 뒤에는 문제없이 작동함 🔍 원인 파악 크롬의 성능 테스트를 통해 알아 봤을 때 mui의 CSS적인 부분에서 오래 걸린다고 생각했다. ❗️
Mui AutoCompelete OnChange()
유저들이 스타일을 추가하고 그 스타일에 맞는 스타일 태그를 만들 수 있도록 하기 위한 작업이었고 데이터는 기본적으로 운영자가 큰 틀로 제공하는 adminTag를 사용하고 유저가 더 디테일하게나눌 수 있는 userTag를 사용하려고 했다.일반적인 <TextField
Next.js 13 app Directory와 MUI
Next.js 13의 새로운 기능인 'app Directory' 환경에서 Material UI (이하 MUI)를 적용하는 방법을 정리 합니다.
[MUI] MUI를 통한 디자인 시스템 구조 뜯어보기
디자인 시스템을 구축하는 데 있어서 개발자의 역할은 뭘까요? MUI의 소스 코드를 바탕으로 이들이 디자인 시스템을 구축한 방법을 정리하며 자문자답해 보았습니다.
[SeSAC Front-end] React MUI 너무 쉬워서 눈물이 납니다😭
자주 사용하는 기능 몇 가지 중에 테이블만 확인할 것입니다. 다 읽는데 정확히 5분 걸립니다. 갑시다.
React MUI 동적 Select
fetch 혹은 axios 를 사용하여 back단에서 받아온 data 를 react에 적용하기위해서는 어떻게 해야할까 ? back에서 가져온 data (Json 형태에 Array) 를 사용하기위해서는 {} 안에 js code를 사용해야한다.라고 생각하고 처음에 작성했던
typescript + MUI
📎 stackoverflow📎 DaleSeo📎 공식문서(https://mui.com/system/display/\`\`\`sx={{ display: { xs: 'block', sm: 'none', md: 'block'
React UI 프레임워크 Material UI 사용하기
사용해본 예제를 올려볼까 한다. 나중에 쓰기도 하고 다른분들께도 도움이 되면 더 좋겠다.❕기본 설치❕다음 명령 중 하나를 실행하여 Material UI를 프로젝트에 추가합니다.npmnpm install @mui/material @emotion/react @emotion
[PROJECT] STOCKULATOR 정리
주식 API 로 가져온 정보를 이용해 간단한 계산기를 만들어보자!TypeScript ReactExpress AWS RDSMaterial-UI RechartsTypeScript 연습과 함께 다양한 API 를 이용해보며 차트그려보기제작 중 데이터베이스의 필요성을 느끼고 A
material-ui : image List 적용에러
Material-ui : Image List 적용시 발생했던 문제를 포스팅합니다.TypeError: Cannot read property 'map' of undefined맨아래 문제 해결만 봐도 됩니다.data.json에서 배열 안 객체 안 백체 안에 img 목록들을
