Bootstrap modals overlapping scroll focus problem 스크롤을 해야할 정도의 긴 모달창이 아래와 같이 2개 있다고 가정하고, 모달1과 모달2를 순서대로 띄웠을때 모달2 는 정상적으로 스크롤링 되지만 모달2를 닫고, 모달1을 스크롤하려고 하면..! 아래와 같이 body로 포커스가 이동되어 더이상 모달1을 스크롤하지 못하는 문제 원인과 해결) modal 을 활성화 하고 닫으면 닫으면 body에 modal-open 클래스추가되고 삭제된다. modal2 를 닫을때 body에 modal-open 이 없을경우 body에 modal-open 클래스를 추가해주면 다시 스크롤의 포커스가 모달1로 인식한다 code) 12345$("#modal_2").on('hidden.bs.modal'..
ajax 413 Request Entity Too Large error php 에서 2MB 초과하는 이미지파일 업로드시 413 에러가 난다 웹서버(여기서는 nginx )와 서버사이드(여기서는 php)의 기본 업로드 용량을 확장한다. 1. nginx 설정 [ etc/nginx/nginx.conf ] 123456http{ ##client_max_body_size 5m; }cs 이렇게 설정하고 재시작 # service nginx restart 2. php 설정 [ etc/php/7.x ] cli, fpm => php.ini 12upload_max_filesize = 5Mpost_max_size = 5Mcs 이렇게 설정하고 재시작 # service php7.0-fpm restart
ajax 413 Request Entity Too Large error php 에서 2MB 초과하는 이미지파일 업로드시 413 에러가 난다 웹서버(여기서는 nginx )와 서버사이드(여기서는 php)의 기본 업로드 용량을 확장한다. 1. nginx 설정 [ etc/nginx/nginx.conf ] 123456http{ ##client_max_body_size 5m; }cs 이렇게 설정하고 재시작 # service nginx restart 2. php 설정 [ etc/php/7.x ] cli, fpm => php.ini 12upload_max_filesize = 5Mpost_max_size = 5Mcs 이렇게 설정하고 재시작 # service php7.0-fpm restart
Bootstrap Tooltip ) 엘리먼트에 마우스를 오버했을때 도움말을 볼 수 있는 부트스트랩의 툴팁 기능. 이 기능을 사용할 때 과 같은 new line 을 위한 처리를 위해서 data-html='true' 를 설정한다 https://getbootstrap.com/docs/3.3/javascript/#tooltips Tooltips tooltip.jsInspired by the excellent jQuery.tipsy plugin written by Jason Frame; Tooltips are an updated version, which don't rely on images, use CSS3 for animations, and data-attributes for local title storag..
export Link) https://www.amcharts.com/docs/v3/tutorials/exporting-charts-and-maps-to-images-or-pdf/ https://github.com/amcharts/export https://www.amcharts.com/kbase/export-specific-dataset-to-xlsx-json-or-csv/ code 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959..
MySQL 개발자를 위한 PHP PDO 튜토리얼 http://wiki.hashphp.org/PDO_Tutorial_for_MySQL_Developers Why use PDO?mysql_* functions are getting old. For a long time now mysql_* has been at odds with other common SQL database programming interfaces. It doesn't support modern SQL database concepts such as prepared statements, stored procs, transactions etc... and it's method for escaping parameters with mysql_real..
bootstrapSwitch 라이브러리 > 재생성 방지하기 bootstrapSwitch switch 생성된 엘리먼트를 갱신(렌더링)할때 이미 스위치가 만들어진 엘리먼트는패스하도록 한다. code) 123456789101112131415161718192021222324252627282930313233 // 기본 생성$(".make-switch input").bootstrapSwitch(); // 스위치 핸들러$(".make-switch").on('switch-change', function ($e, $data) { var show = $(this).data("show"); var input = $(this).find("input");}); // 동적으로 switch를 생성하거나 변경$("#some-id")..
startEffect properties) startEffectStringelasticAnimation effect. Possible values are: easeOutSine, easeInSine, elastic, bounce example) 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061/************************************************************* mathUtils** 자주사용하는 math 유틸을 jquery의 prototype으로 확장하였다.** array sum, array average, ra..
https://colorscripter.com/
concat과 time을 사용하여 날짜변경 (년,월,일 ... ) 쉽게 변환하기 concat CONCAT(str1,str2,...)Returns the string that results from concatenating the arguments. May have one or more arguments. If all arguments are nonbinary strings, the result is a nonbinary string. If the arguments include any binary strings, the result is a binary string. A numeric argument is converted to its equivalent nonbinary string form.CONCA..
date, date_format 을 사용한 날짜 비교 date, date_format 을 사용하여 날짜 계산, 날짜형변환 메서드를 알아보자 DATE (expr) 먼저 DATE 함수는 표현식, 혹은 datetime 부분의 날짜부분을 추출한다. Extracts the date part of the date or datetime expression expr. mysql> SELECT DATE('2003-12-31 01:02:03'); -> '2003-12-31' https://dev.mysql.com/doc/refman/8.0/en/date-and-time-functions.html#function_date DATE_FORMAT( date, format ) 지정된 문자열에 따라서 날짜값의 형식을 변환한다. 형..
ASUS RT-AC58U 공유기 뒷면에 Wifi 정보와 Router IP address 가 있다. Wifi는 대략 아래와 같고 2.4G : ASUS_88_2Gpassword:empty_1234 5G : ASUS_88_5Gpassword:empty_1234 관리자 페이지는 다 똑같을 듯 한데 http://router.asus.comadmin/admin IPTV를 쓰고있다면 아래와 같이 설정한다. 인터넷(유,무선)은 되는데 IPTV에서 신호 탐색중...(신호대기중..등등) 뜰 경우 아래와 같이 설정 LAN > IPTV 메뉴에서 # IPTV STB 포트 선택 : LAN4 ( ASUS 공유기에 IPTV 셋탑박스와 연결되어있는 LAN 포트를 설정 해준다 ) # 멀티캐스트 라우팅 사용 (GMP Proxy)