개발/Web_JavaScript (5) 썸네일형 리스트형 [하이차트] 막대그래프 구현시 y축이 중간에 표시되는 문제 하이차트로 막대그래프(column chart) 개발시 y축 값들이 중간에 표시되는 문제가 발생 모든 값들이 0이여서 생기는 문제인 것 같은데 데이터가 누적되기전까지는 통계 데이터가 계속 0 일 예정이라 해결책이 필요하다. 해결책은 간단하다. 하이차트의 yAxis 설정에 min, max 값을 지정해 주면 차트가 정상적으로 표시된다. onscan.js 사용시 _(언더바), -(대시), |(파이브) 입력방법 웹에서 바코드스캐너를 사용하여 스캔 입력값을 사용하게 해주는 훌륭한 라이브러리 onscan.js가 존재한다. github onscan.js - https://github.com/axenox/onscan.js GitHub - axenox/onscan.js: On-scan events for hardware barcode scanners in vanilla JS On-scan events for hardware barcode scanners in vanilla JS - GitHub - axenox/onscan.js: On-scan events for hardware barcode scanners in vanilla JS github.com 하지만 숫자와 영문은 문제없이 잘 작동하나 _(언더바), -(대시),.. [JavaScript] Date 객체를 이용하여 현재일시 yyyyMMddHHmmss 포맷으로 구하기 JAVA 포맷(yyyyMMddHHmmss)으로 자바스크립트에서 현재일시를 24시간(오후1시->13)으로 표시할 때 유용하게 사용할 수 있다. // 현재일시(yyyyMMddHHmmss) 구하기 var date = new Date(); var year = date.getFullYear().toString(); var month = date.getMonth() + 1; month = month < 10 ? '0' + month.toString() : month.toString(); var day = date.getDate(); day = day < 10 ? '0' + day.toString() : day.toString(); var hour = date.getHours(); var min = date.getM.. SheetJS 라이브러리를 이용하여 엑셀로드시 날짜형식 처리방법 SheetJS 라이브러리를 이용하여 엑셀의 데이터를 쉽게 읽을 수 있고 JSON 형태로 변환할 수 있다. 하지만 날짜형식같은 경우는 엑셀의 날짜형식을 사용하여 숫자로 변환되기 때문에 상당히 번거롭다. MSSQL 를 이용하면 엑셀날짜형식을 date type 으로 변경할 수 있지만 SheetJS API를 이용하면 간단히 변경가능하다. -- 엑셀의 일자 숫자값을 DATETIME 으로 변환하는 MSSQL 쿼리 DECLARE @IN_DATE INT = 44785 SELECT CONVERT(CHAR(10), CAST(@IN_DATE - 2 AS SMALLDATETIME), 23) XLSX.read 사용시 { cellDates: true, dateNF: 'yyyy-mm-dd' } 옵션을 추가하면 해결된다. funct.. jQuery Migrate 플러그인사용시 trace 로그해제하기 최신버전 jQuery(3.x)를 사용하면 오래된 브라우저와 호환해 주는 jQuery Migrate를 꼭 사용하게 된다. 하지만 jQuery Migrate를 이용하여 웹개발을 하게 되면 브라우저 콘솔 창에 어마어마하게 많은 trace 로그가 생성되는 것을 볼 수 있다. 웹 디버깅을 하려는데 해당 로그는 참 거슬리는 편이다. trace 로그를 안 보이는 방법은 2가지로 정리가 된다. 1. 크롬 설정으로 해당 브라우저만 안보이게 설정 trace 설정이 꼭 필요하여 공통으로 설정되어 있으면 크롬 콘솔창에서 해당 로그에서 우클릭 > jquery-migrate 메세지 숨기기 기능을 이용하면 된다. 2. 웹 어플리케이션을 이용하는 개발자/사용자 전부 안보이게 설정 플러그인 jquery-migrate-x.x.x.js .. 이전 1 다음
