일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- vaadin
- JavaScript
- react
- SQL
- NPM
- SPC
- 보조정렬
- IntelliJ
- hadoop
- plugin
- tomcat
- mapreduce
- 공정능력
- window
- es6
- mybatis
- GIT
- table
- Eclipse
- MSSQL
- SSL
- xPlatform
- R
- Spring
- Kotlin
- Sqoop
- Java
- Android
- Python
- Express
- Today
- Total
목록front-end & ui (119)
DBILITY
아래처럼 해보니 되었다.k-window { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; /* 중앙 정렬 */}$("#kendoWindow").kendoWindow({ width: '800px', size:"auto", resizable: false, title: "KendoWindow", visible: false, modal: true});
var gridProperty = { height: "540px", editable: false, excelName: "비교과프로그램_인증결과_장학용", toolbarId: "gridToolbar", noRecordObj:{template:"데이터가 없습니다."}, gridCols: function (gridCols) { gridColsData = gridCols; } };
react는 state(data)가 변경될때마다 그에 따라 Component를 다시 렌더링한다. 다시 그린다고 생각하자. 확인하고 싶으면 크롬 확장프로그램 React Developer Tools를 설치하고 다음과 같이 설정해 보면 확인 가능하다. 다음과 같이 테스트용 App을 작성했다. App에 button click event와 Child Component가 있다. import React, {JSX, useEffect, useState} from 'react'; import './App.css'; function App(): JSX.Element { const [date, setDate] = useState(new Date()); return ( setDate(new Date())}>Click ); }..
browser 개발자도구의 Application tab을 봄ㄴ Storage안에 있다. 최대 5Mbyte 문자만 저장 가능하다. clear하지 않는 이상 남아 있음. 오버가 되면? 뭐 알아서 지워지지 않을까? browser console에서 직접 해보니 다음과 같다. object나 array는 json으로 저장하면 된다. string으로 저장했다가 다시 변환하면 된다. 다음 id라는 키값을 중복없이 data에 배열로 저장하는 typescript 예다. let data = JSON.parse(localStorage.getItem("data") || "[]"); if (data.find((value: string): boolean => value === id) === undefined) { data.push..
REACT_APP_변수명으로 작성해야 사용할 있다. 사용할때는 jsx에서 process.env.REACT_APP_SHOP_NAME