본문 바로가기
반응형

프론트엔드66

[MUI] 그리드 타입 지정 DataGrid 컴포넌트는 입력할때 타입을 안지정해주면 string으로 값이 바껴버린다. 기본적으로 CellEditCommit 이벤트의 params에 들어있는 value 값이 문자열로 넘어온다. 또 공백이 들어가면 변수의 타입이 string으로 변환됨 타입 검사하는건 매우 귀찮기 때문에 컬럼 타입은 필수적으로 지정해줘야 함. // MUI에서 지원하는 타입 목록 // 'string' : 문자 // 'number' : 숫자 // 'date' : 날짜 // 'dateTime' : 날짜 + 시간 // 'boolean' : 불리언 // 'singleSelect' : 단일 선택 콤보박스 // 'actions' : 동작. 아마 클릭하면 어떤 동작(함수)을 실행하는 컬럼인거같다. export declare type G.. 2022. 11. 30.
The parent DOM element of the data grid has an empty height MUI: useResizeContainer - The parent DOM element of the data grid has an empty height. Please make sure that this element has an intrinsic height. The grid displays with a height of 0px. More details: https://mui.com/r/x-data-grid-no-dimensions. 이거는 나중에 MUI쪽으로 이동 필요 2022. 11. 30.
A component is changing an uncontrolled input to be controlled Warning: A component is changing an uncontrolled input to be controlled. This is likely caused by the value changing from undefined to a defined value, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info: https://reactjs.org/link/controlled-components 2022. 11. 30.
형변환 https://blog.outsider.ne.kr/361 Javascript에서 String을 Number타입으로 바꾸기 :: Outsider's Dev Story 누가 물어봐서 찾아본 김에 그냥 정리합니다. 아시다시피 Javascript는 명시적인 타입정의가 없습니다. int나 String같이 타입을 명시해서 변수를 정의하지 않고 그냥 var타입으로 정의하면 Javascript가 blog.outsider.ne.kr 2022. 11. 28.
[react-i18n] 파라미터 넣는 방법 파라미터를 넣을떄는 문자열에 {{name}} 같이 중괄호 두번을 써서 파라미터임을 나타내고 t 함수 호출 시 두번째 매개변수로 {name:"홍길동"} 같이 키-값 형태로 값을 넘겨주면 된다. // 리소스 파일 { "message":"My name is {{name}}" } // 결과 : My name is 홍길동 t('message', {name:"홍길동"}); https://stackoverflow.com/questions/71947775/how-can-i-pass-parameters-with-i18next How can I pass parameters with i18next? I want to translate my colors but idk how I do it. const Item = memo((.. 2022. 11. 28.
타입스크립트 객체에 속성 추가하기 타입스크립트에서는 객체에 속성이 그냥 추가가 되지 않는다. 왜냐 타입이 존재하기 때문 이 글에서는 Record라는 유틸리티 클래스를 사용해서 마음대로 추가도 가능하면서 타입 제한도 어느정도 가능한 사용방법을 보여준다. https://bobbyhadz.com/blog/typescript-add-property-to-object How to Add a property to an Object in TypeScript | bobbyhadz To add a property to an object in TypeScript, set the property as optional on the interface you assign to the object using a question mark. You can then a.. 2022. 11. 28.
반응형