코린이의 기록

HTML Prerequisites js html2canvas($('#your_html')[0]).then(function (canvas) { var filename = 'FILENAME_' + Date.now() + '.pdf'; var doc = new jsPDF('p', 'mm', 'a4'); var imgData = canvas.toDataURL('image/png'); doc.addImage(imgData, 'PNG', 0, 0); doc.save(filename); }); - line 1: 렌더링할 element와 option을 설정한다. (html2canvas(element, options)) * option에 대한설명은 링크 참조 (여기서 elemnts를 array처럼 가져왔는데 이는 $('..

html로 만든 table을 HTMS2Canvas를 이용하여 pdf파일로 만드는 과정에서, 화면이 길어져 pdf가 잘리는 문제가 발생하였다. Before html2canvas($('#dialog-view-report #monthly_report')[0]).then(function (canvas) { var filename = 'OTA-REPORT_' + Date.now() + '.pdf'; var doc = new jsPDF('p', 'mm', 'a4'); var imgData = canvas.toDataURL('image/png'); doc.addImage(imgData, 'PNG', 0, 0); doc.save(filename); }); After html2canvas($('#dialog-view-r..

1. html (참고로 CSS는 가능한 빨리 적용되어야 하기 때문에 태그 사이에 위치시키는 것이 좋다.)

Config Options myChart = new Chart(ctx, { type: 'doughnut', data: { .... }, options: { // 여기에 들어갈 옵션들 }, } }); Responsive Charts Name Type Default Description responsive boolean true 값이 true이면 chart의 canvas size를 resizing할 수있다. ` number 0 Duration in milliseconds it takes to animate to new size after a resize event. maintainAspectRatio boolean true Maintain the original canvas aspect ratio (widt..

ajax로 받아온 data들을 .done 구문안에서 table에 append 하는 걸 구현하려고 하는데, 뒤죽박죽 섞여서 만들어지는 문제가있어 async:false 옵션을 추가하였다. $.ajax({ url: SERVER_PATH, type: 'GET', headers: { Accept: "application/json; charset=utf-8", "Content-Type": "application/json; charset=utf-8", Authorization: 'Bearer ' + sessionStorage.getItem("adminToken"), }, data: data, dataType: 'json', success: function (result) { // ... 생략 }, error: fun..

$("#admin-ui-sw-management").on("click", ".admin-sw-modify", function(){ .... }); "click" event가 두번 발생할 때 이를 방지하기 위해서 off 를 사용한다. $("#admin-ui-sw-management").off().on("click", ".admin-sw-modify", function(){ .... }); Reference https://stackoverflow.com/questions/14969960/jquery-click-events-firing-multiple-times https://steemit.com/jquery/@jesusaddict/jquery-click

서브루틴으로서의 함수 함수의 가장 간단한 사용 형태를 강조하기 위해서 서브루틴이라는 용어를 씀. 예제 function printLeapYearStatus() { const year = new Date().getFullYear(); if(year % 4 !== 0) console.log(`${year} IS NOT a leap year`); else if(year % 100 !== 0) console.log(`${year} IS a leap year.`); else if(year % 400 !== 0) console.log(`${year} is NOT a leap year.`); else console.log(`${year} IS a leap year`); } printLeapYearStatus(); Re..

Error 객체 javascript에는 내장된 Error 객체가 있다. 에러 인스턴스 만들기 (Error 인스턴스를 만드는 것만으로 아무일도 일어나지 않음) const err = new Error(); 예외처리 예제 : 이메일 유효성 검사 const email = "abc@gmail.com"; const email2 = "abcgmail.com"; const validatedEmail = validateEmail(email2); if(validatedEmail instanceof Error){ console.error(`Error : ${validatedEmail.message}`); }else { console.log(`Valid email : ${validatedEmail}`); } function ..