팁스토리, Tips

■ JQuery HTML PDF 변환 / HTML PDF 저장 ( html2canvas, jspdf) ■ 라이브러리 파일 추가 ■ 사용법 make PDF PDF 다운 ■ 참고 ■ 외부이미지 프린트 영역 내 이미지 경로가 외부 경로(외부 이미지)일 경우 이미지 영역이 빈화면으로 노출됨 (내부경로는 정상적으로 노출) 외부 경로일 경우 프록시(proxy)를 사용하여야 함 html2canvas-php-proxy brcontainer/html2canvas-php-proxy PHP Proxy html2canvas. Contribute to brcontainer/html2canvas-php-proxy development by creating an account on GitHub. github.com

퍼센트 (%) 계산법 / 비율 계산법 ■ 전체값으로부터 특정값은 n%인지 특정값 / 전체값 * 100 = n% ex. 400에서 100은 n% 인지? = 25% ■ 전체값의 n% 전체값 * n% / 100 ex. 400의 35%는 얼마? = 140 ■ 특정값을 n% 증가 특정값 * ( 1 + n% / 100 ) ex. 10,000을 20% 증가 = 12,000 ■ 특정값을 n% 감소 특정값 * ( 1 - n% / 100 ) ex. 10,000을 20% 감소 = 8,000 퍼센트 계산법, 계산기 없이 퍼센트 구하는 쉬운 방법 퍼센트 계산법, 계산기 없이 퍼센트 구하는 쉬운 방법 퍼센트 계산법 공식과 간단한 예제입니다. 전체값에서 일부값은 몇 퍼센트? 계산법 공식 일부값 ÷ 전체값 X 100 예제) 300에..

■ JQuery input type checkbox class 클래스로 접근 / 선택된 체크박스 개수 구하기 ■ 사용법 # 예제 1 ( 클래스명 tmpChkbox 를 가진 모든 체크박스 개수 구하기 ) # 예제 2 ( 클래스명 tmpChkbox 를 가진 체크박스 중 선택된 체크박스 개수 구하기 )

■ Javascript datatable mouseover hover popup div (tooltip) ■ 데이터테이블(datatable) 특정 컬럼 마우스 오버 시 팝업 띄우는 방법 var table = $('#list-of-product').DataTable({ "processing": true, "serverSide": true, "info": true, "stateSave": false, "bFilter": false, "drawCallback": function (settings, json) { $('[data-toggle="tooltip"]').tooltip('update'); //$("#list-of-product tbody tr > td").tooltip('hide'); }, "ajax"..

■ Javascript FullCalendar 날짜 포맷 / 날짜 변경 gotoDate $('#calendar').fullCalendar('gotoDate', "2021-01-01");

■ 머티리얼 아이콘 material-icons 구글에서 제공하는 웹폰트 (아이콘) 모음 ■ 사용법 1. CSS 파일 적용 2. 하기 링크 내 사용할 아이콘 찾기 https://fonts.google.com/icons Material Symbols and Icons - Google Fonts Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design variants. fonts.google.com Material Icons Get Material Icons material.io 3. 사용할 아이콘 i 태그 추가 home 4. 페이지 호출 시 정상적으로 ..

■ JQuery table tr onclick event 특정 td만 제외 / onclick 이벤트 특정 제외 ■ 예제 테이블 아이디 비밀번호 test 1234 ■ 사용법 # 예제 1 (첫번째 td를 제외한 나머지 td 클릭 시 콘솔 1이 찍힘) - 'tr td:not(:first-child)' 2(n)번째 td를 제외하고 싶을 경우 - 'tr td:not(:nth-child(2))' 마지막 td를 제외하고 싶을 경우 - 'tr td:not(:last-child)'

■ JQuery input type checkbox 선택값 배열 생성 / checked value array 선택된 체크박스 value 값 배열로 생성하기 체크된 값 배열로 생성

■ PHP 배열 값 가져오기/반환 array_keys(), array_values() ■ 사용법 array_keys($array) : 배열의 키값을 배열로 반환해주는 함수 array_values($array) : 배열의 값을 배열로 반환해주는 함수 ■ 예제 $tmpArray = array(); $tmpArray["key_value1"] = "A"; $tmpArray["key_value2"] = "B"; $tmpArray["key_value3"] = "C"; print_r($tmpArray);// Array ( [key_value1] => A [key_value2] => B [key_value3] => C ) $keysArray = array_keys($tmpArray); print_r($keysArray..

■ HTML a태그 클릭 시 모바일에서 전화걸기 ■ 사용법 010-0000-0000