일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- PostgreSQL
- javascript
- 熱海
- 산겐자야 맛집
- 카마츠루
- node.js
- pyenv
- JenkinsFile
- react.js
- 프라하
- PayPay
- CSV
- terraform
- 태국
- 일본 신용카드 추천
- 釜つる
- 뮌헨
- typescript
- vba
- 미츠이 스미토모
- 아타미
- 메르페이
- Selenium
- 체코
- PayPayフリマ
- Python
- 방콕
- 三井住友カード
- 페이페이
- documentdb
- Today
- Total
목록Tech/React.js (15)
도쿄사는 외노자
그간 react에서 component를 만들면서, 12345MUIDataTables.propTypes = { data: PropTypes.object, cellClick: PropTypes.func, ...};cs 이와 같이 propTypes를 지정해 왔다.보통 이걸로 별 문제가 없었기에 다 이런 식으로 지정을 해 왔는데...어제 한 작업에서 developer tool에 warning이 뜨더라. react의 render에서 return시 div로 감싸면 별로 멋이 안나니까이런 식으로 Wrapper를 만들었는데... 123456789101112131415161718import React, { Component } from 'react'; class Wrapper extends Component { comp..
1. Data 준비 1234567891011121314151617181920212223242526const data = { buttonStatus: [ { name: 'CSV', type: 'csv', status: true }, ... ], csvFileName: 'export.csv', columns: [ { key: 'name', label: 'Dessert (100g serving)', tooltip: '英語', sortable: true, ... }, ... ], rows: [ { name: 'Frozen yogurt', jname: 'フローズンヨーグルト', kname: '프로즌 요구르트', ... }, ... ]}Colored by Color Scriptercs 2. CSV Download B..
cache 삭제를 위해 removeAttr()등을 사용해 보았으나,괜히 코드가 길어지기도 하고, 자꾸 다른 곳에서도 cache가 남아...불끄다 시간 다 가겠다 싶더라. 그냥 마음 편하게 eventBind에 modal이 닫힐 때를 추가,해당 modal의 parent를 비워서 modal 자체를 날려버리도록 하자. 12345678910function eventBindModal(param) { return new Promise(function(resolve, reject) { $('#'+param.id).off('hidden.bs.modal').on('hidden.bs.modal', function(e) { $('#' + param.id).parent().empty(); }); resolve(param); }..
일단 화면은 이런 식.Modal을 열 때, 해당 데이터의 컨디션에 따라 업로드/열람 버튼을 구분하여 출력한다. 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899var React = require('react');var basic = require('../../../basic');var DatePicker = require('../../datepicker'); var Header = React.createClass({ r..
입력란에 글자제한을 걸어달라는 요구가 있었다.그냥 maxlength 하나만 걸면 되니 뭐 어려울 것도 없지 싶었는데...분명 maxlength="4"가 들어가 있는데 그냥 뭐 글자가 일렬로 쑥쑥 들어간다.가만 보니 input type이 number더라... 가뜩이나 지금 환경에서 HTML5가 안먹혀서 돌아버릴것 같은데이 븅신같은 input number는 대체 왜 집어넣었을까...하고 후회하면서 몇가지를 시도해 보았다. 일단 HTML5 안에서 해결해 보고자 max="9999"를 넣었지만, 역시나 안먹히고...input type을 text로 바꾸고 pattern을 넣어봤지만 역시나 안먹힌다. 결국 해결한 방법은 이것.보통은 그냥 아래의 참고에서처럼 바로 집어넣으면 되는데,현재 개발환경에서는 요상하게 컴포넌트..