프로그래밍 썸네일형 리스트형 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 은 내용 양쪽 태그 글 내용에 표현됩니다. javascript 로 guid 만들기 https://stackoverflow.com/a/105074 function guid() { return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4(); } function s4() { return Math.floor((1 + Math.random()) * 0x10000) .toString(16) .substring(1); } document.getElementById('jsGenId').addEventListener('click', function() { document.getElementById('jsIdResult').value = guid(); })input { font-family: monospace;.. vue.js 의 axios 로 웹서비스 호출하기 https://www.digitalocean.com/community/tutorials/how-to-use-vue-js-and-axios-to-display-data-from-an-api list.html DOCTYPE html> Cryptocurrency Pricing Application Cryptocurrency Pricing {{ index }} $ {{ result.USD }} € {{ result.EUR }} vueApp.js const url = "https://min-api.cryptocompare.com/data/pricemulti?fsyms=BTC,ETH&tsyms=USD,EUR"; const vm = new Vue({ el: '#app', data: { results: [] .. 이전 1 2 3 4 ··· 23 다음
