본문 바로가기

datagrid2

[React] Maximum update depth exceeded 에러를 해결한 방법 안녕하세요. 황진성입니다. 이 글은 지난 글에서 이어집니다. [React/TS] MUI DataGrid로 수정 가능한 테이블 만들기 기능을 개발하며 처음 보는 에러가 발생했는데, 해결하신 분들마다 방식이 제각각이라 제가 해결한 방법도 소개하고자 합니다. 무슨 에러일까? Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render. # DeepL 번역 최대 업데이트 깊이를 초과했습니다. 컴포넌트가 useEffe.. 2023. 11. 20.
[React/TS] MUI DataGrid로 수정 가능한 테이블 만들기 안녕하세요. 황진성입니다. 이번 글에서는 React.js와 TypeScript를 활용해서 수정 가능한 테이블을 만들어보려 합니다. 구글의 Material UI Design을 구현한 라이브러리인 MUI를 활용해 볼 예정이며, MUI의 DataGrid 컴포넌트로 테이블을 생성할 수 있습니다. 이번에 다룰 내용이 간단하지만 블로깅 하는 이유는 공식 문서에 제가 원하는 방식이 설명되어 있지 않아서 많이 애먹었기 때문입니다... MUI DataGrid를 사용하시는 분들 중 저와 비슷한 기능을 만드시는 분들은 시간 낭비를 하시지 않았으면 좋겠습니다. 목표 React 프로젝트 생성부터 DataGrid로 테이블을 생성하고 변경된 값으로 상태를 변경하는 것까지 해보겠습니다. 프로젝트 생성 스크립트 $ npx create.. 2023. 11. 17.