본문 바로가기

프로그래밍

(185)
input box 에 숫자 또는 float, hex, 금액 처리만 가능하게 하기 input box 에 숫자 또는 float, hex, 금액 처리 통제하기https://jsfiddle.net/emkey08/tvx5e7q3 input box 에서 keydown keyup mousedown mouseup select contextmenu drop 관련 이벤트들을 적용하여 정규화를 사용해서 차단한 방법입니다.테스트는 https://jsfiddle.net/emkey08/tvx5e7q3 사이트에서 확인이 가능합니다.jQuery input filter showcaseThis will correctly handle Copy+Paste, Drag+Drop, keyboard shortcuts, context menu operations, non-typeable keys, the cursor posit..
javascript 숫자 8자리 형식을 년-월-일 형식으로 보이기 숫자 8자리 형식으로 된 날자 형식을 년-월-일 형식으로 하이픈(-) 넣어서 보여주는 방법을 정규화로 된 부분입니다. s = s.replace(/(\d{4})(\d{2})(\d{2})/g, '$1-$2-$3'); https://stackoverflow.com/a/36638153 Change date from YYYYMMDD to YYYY-MM-DD Javascript Change date from YYYYMMDD to YYYY-MM-DD Javascript I'm trying to convert a string from my database that is formatted as YYYYMMDD and is placed in the input box id="startingdate". How would I ..
javascript 로 숫자에 소수점 여부 확인하기 javascript 로 소수점 여부 확인하기 //소숫점이 존재할 경우if(isNaN(flt) == false && Number.isInteger(flt)==false){ //구현하기} // isInteger는 es6 임. ie 11 에서는 안되므로 함수 만듬.Number.isInteger = Number.isInteger || function(value) { return typeof value === "number" && isFinite(value) && Math.floor(value) === value;}; 참고자료 : https://stackoverflow.com/a/31720368
갤러리 퍼블리싱한 html 자료입니다. 갤러리 퍼블리싱한 html 자료입니다. DOCTYPE html> Document @media only screen and (max-width: 480px){ #templateColumns{ width:100% !important; } .templateColumnContainer{ display:block !important; width:100% !important; } .columnImage{ height:auto !important; max-width:480px !important; width:100% !important; } .leftColumnContent{ font-size:16px !important; line-height:125% !important; } .rightColumnContent{ ..
Cannot find module 'webpack-cli/bin/config-yargs' 오류메시지 npm run dev 를 실행했더니... Cannot find module 'webpack-cli/bin/config-yargs' 오류메시지가 나옵니다. simjaeun-ui-MacBook-Air:todolistapp01 simjaeun$ npm run dev > todolistapp@1.0.0 dev /Users/simjaeun/Desktop/vue/vuejs_book/ch11/todolistapp01> cross-env NODE_ENV=development webpack-dev-server --open --hot The CLI moved into a separate package: webpack-cliPlease install 'webpack-cli' in addition to webpack itse..
datetime 날짜 json 값을 년-월-일 시:분:초 형태로 표기 datetime 날짜 json 값을 년-월-일 시:분:초 형태로 표기하고자 한다면... DOCTYPE html> Page Title function dateTimeFormat(dateTimeValue) { var dt = new Date(parseInt(dateTimeValue.replace(/(^.*\()|([+-].*$)/g, ''))); var dateTimeFormat = dt.getFullYear() + "-" + (dt.getMonth() + 1) + '-' + dt.getDate() + ' ' + dt.getHours() + ":" + dt.getMinutes() + ":" + dt.getSeconds(); return dateTimeFormat; } var dates = '/Date(144..
이메일 정규식 생성하기 (메일주소 앞에 하이픈 존재시) 이메일 정규식 생성하기 (메일주소 앞에 하이픈 존재시) 이메일 앞에 하이픈(-)을 넣어서 생성한 사용자가 간혹 보입니다. 그 분은 daum.net 계정을 가지고 있는 분이더군요. 그래서 이 분들을 위해 메일 계정에 대한 정규식을 만들어 봤습니다. /[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{0,1}$/i http://rubular.com/ https://regexper.com/
React 의 props 활용하기 - codepen https://codepen.io/shimjaewoon/pen/xzOowp?editors=1010 ; class Codelab extends React.Component{ render(){ return( hello {this.props.name} {this.props.children} ); }} class App extends React.Component{ render(){ return( {this.props.children} ); }} ReactDOM.render(luckshim,document.getElementById('root')); react 에서 props 를 활용한 방법입니다. "this.props.속성"을 의미하며, this.props.children 은 내용 양쪽 태그 글 내용에 표현됩니다.