머리가 나뻐서 삽질 SAP(Study And Programming)

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

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..

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..

tabulator http://tabulator.info/ 라이브러리 테이블 안에 테이블 ( row - expand ) ajax 기능을 구현 html, script 버그수정 2018. 07. 19 자식 테이블 로드하고 [ 열림 - 닫힘 ] 누르고 부모테이블 페이지 이동하면 문제없는데자식 테이블 로드하고 [ 열림 ] 상태로 부모테이블 페이지 이동하면 에러 나는 문제 해결 2018. 07. xx한번 생성된 자식 테이블은 id나 ( id가 없으면 그냥 row.index로 라도 배열 element 부여한다..) 해서전역배열에 tabulator 인스턴스 저장하고 재 생성을 방지, 닫힘 누르면 destroy 한다. 2018. 07 xxformatter 함수를 쓸 경우, renderComplete callback으로..

# nodejs plugins CLI use nodejs plugins bundler to try CLI ## Feature - npm - node-sass - concat - minifier ### Installation ```sh > npm install -g npm > npm install node-sass --save-dev > npm install concat --save-dev > npm install -g minifier --save-dev ``` ### Plugins | Plugin | URL | | ------ | ------ | | node-sass | [https://github.com/sass/node-sass] | | concat | [https://www.npmjs.com/pac..

마크다운위키백과, 우리 모두의 백과사전.마크다운 표시.마크다운(markdown)은 일반 텍스트 문서의 양식을 편집하는 문법이다[1]. README 파일이나 온라인 문서, 혹은 일반 텍스트 편집기로 문서 양식을 편집할 때 쓰인다. 마크다운을 이용해 작성된 문서는 쉽게 HTML 등 다른 문서형태로 변환이 가능하다.목차 [숨기기] 1역사2문법3같이 보기4각주5외부 링크역사[편집]존 그루버는 2004년에 문법 면에서 에런 스워츠와 중대한 협업을 통해 마크다운 언어를 만들었으며[2][3], 사람들이 읽기 쉽고 쓰기 쉬운 플레인 텍스트 포맷을 사용하여 쓸 수 있으면서 구조적으로 유효한 XHTML(또는 HTML)로 선택적 변환이 가능하게 하는 것이 목표이다.[4]문법[편집]마크다운에서는 엔터키 한 번은 먹지 않는다...

09. php 와 작업 포스팅 작성중.... > parcel index.html 으로 번들링하면 ;;;;; 그러므로 번들링 이후에 dist 폴더에서 php 작업해야 하는데, 문제는 php 소스가dist에만 붙여서 작업할수 있는것도 아니고.. 결국엔 번들링 전의 php소스를dist>index.html 으로 가서 php 구문을 수동으로 옮겨 심어야 한다. 장점 : scss 를 css로 바로 사용가능 의문 : concat은 어차피 parcel 과 상관없이 파일을 하나로 합쳐줄꺼고.. scss 사용하려고 번들링 하는거 매우 번거로워 보인다.. 추가로, vuejs 까지 사용할때 번들링 된거 dist > index.html 에서 php 작업해야 하나?... --- 여기까지 테스트 완료