본문 바로가기

전체 글

Throttle & Debounce 스로틀과 디바운스 이런 부분도 한번쯤 고려를 해봐야할것 같음. https://webclub.tistory.com/607 디바운스(Debounce)와 스로틀(Throttle ) 그리고 차이점 Throttle, Debounce & Difference 스로틀(Throttle) 과 디바운스(Debounce) 란 무엇일까? 이 두 가지 방법 모두 DOM 이벤트를 기반으로 실행하는 자바스크립트를 성능상의 이유로 JS의 양적인 측면, 즉 이벤트(ev. webclub.tistory.com https://zetawiki.com/wiki/Jquery-throttle-debounce jquery-throttle-debounce - 제타위키 다음 문자열 포함... zetawiki.com 더보기
크롬에서 코드 경량화(minify) 된 Javascript 재정렬 하는 방법 본 사이트에 들어간 Javascript 파일 중 하나 입니다. 코드경량화가 되어 있어서 들여쓰기나 기타 공백 등이 없이 재정렬되어있습니다. 알아보기가 힘들어서 디버깅도 힘든데 보기 좋게 정렬해주는 기능이있어서 공유합니다. 이전에는 상단에 버튼이 떴던거같은데 어느순간 사라져버려서... 하단에 보시면 {} 표시를 누르시면 보기 좋게 재정렬 됩니다. 더보기
uncaught RangeError: Maximum call stack size exceeded "최대 호출 스택 크기 초과" 실제로 재귀호출이나 무한 루프로 인한 오류가 원인일 수 있으나 또 다른 원인으로 ajax 호출 시 parameter 에 object 의 value 값이 아닌 object 를 넘긴 경우에 발생할 수 있다. 왠 무한 루프지 하고 코드를 아무리 보아도 문제가 루프는 찾을 수 없었으나 parameter에 object 를 넘긴 것이 실수..아마도 object의 모든 속성(?)을 넘겨서 그런것이 아닐까 하는 추측. 필자의 경우 var a = $(this); a 를 ajax Parameter로 넘겨서 발생함. 더보기
javascript Table 로 Excel 파일 생성 다운받기 table id 를 지정해서 해당 테이블을 엑셀 파일로 생성시켜주는 함수. 테이블 아이디 , 파일명 , 시트명을 변수처리함. var makeToExcel = (function () { var style = ""; var uri = 'data:application/vnd.ms-excel;base64,' , template = '{table}' , base64 = function (s) { return window.btoa(unescape(encodeURIComponent(s))) } , format = function (s, c) { return s.replace(/{(\w+)}/g, function (m, p) { return c[p]; }) } return function (table, fileName.. 더보기
유동적인 테이블 Td 셀 병합 rowspan 처리 Javascript 함수 지정 항목의 tr > td 값에 값이 동일 한 경우 rowspan 처리해주는 Javascript 함수입니다. 주석 처리된 라인의 경우 contains 를 사용하여 포함된 조건이어서 일부 상황에서 정렬에 의해 해당 Row 사이에 다른 Row가 존재하는 경우 문제가 생길수 있는 상태인데 원작자의 글 댓글에 일치하는 조건으로 코드 개선해주신분이 계셔서 취합했습니다. $(document).ready(function(e){ genRowspan("td 클래스명"); }); function genRowspan(className){ $("." + className).each(function() { //var rows = $("." + className + ":contains('" + $(this).text() + "'.. 더보기
Visual Studio Code FTP 설치하기 확장 탭에서 "ftp-simple"를 검색하고 설치합니다. 설치 후 F1 을 눌러서 검색창을 열고 ftp 를 검색하면 아래와 같이 검색 됩니다. 위와 같이 보이시면 ftp-simple : config - FTP connection setting 을 선택합니다. 아마도 보시면 아시겠지만 각 항목은 위와 같이 입력합니다. 더보기
Visual Studio Code 한국어 팩 설치 방법 확장 탭 에서 "Korean"을 검색하면 "Korean Language Pack for Visual Studio Code" 가 검색됩니다. 이미 설치했기 때문에 설치 라고 나옵니다만 Install 이라고 보이실텐데 설치하시면 됩니다. 설치 후 VS Code를 재시작해주시면 한글팩이 설치되어 한글로 보이게 됩니다. 더보기
WerFault.exe 웹서버 부하 해결 - 임시조치와 근본적인 해결 방법 WerFault.exe 프로세스로 인해 웹서버 부하가 높아졌다. 호스팅 서버였기 때문에 임시 조치로 에러 리포팅 서비스를 중지시켜버렸다. 이렇게 에러 리포팅으로 인한 서버 부하는 해결이 되었다. Windows Error Reporting Service WERSVC Faulting application name: w3wp.exe Faulting module name: ntdll.dll 하지만 근본적인 오류가 해결된 것은 아니기에.. 근본적인 해결 방법은 오류 메시지가 발생하는 부분을 찾아 수정해야하는데 이 에러 로그는 이벤트 뷰어에서 확인이 가능하다. 더보기