개발자의 끄적끄적

[javascript/jquery] javascript remove eventlistner example / 자바스크립트 이벤트 리스너 제거하는 방법 javascript 에서 이벤트를 제어하기 위해서 이벤트 리스너를 사용하다보면 등록된 이벤트 리스너를 제거해야 하는 경우도 생깁니다. 그럴때는 아래나와있는 removeEventListner 를 사용하시면 됩니다. removeEventListener() 사용법이랑 설명이 잘 정리되어 있는 사이트가 있어서 링크 달아놓을테니 들어가셔서 한번 확인해보세요! event listner 정리된 사이트 : https://hianna.tistory.com/494 [Javascript] 이벤트 추가, 제거하기 이번에는 element에 이벤트를 추가, 삭제 하는 방법을 정리해..

[javascript/jquery] ios window.open not working / os window.open 동작 안할때 ios app에서는 window.open 이 동작하지 않는 경우가 있습니다. 그럴때는 아래와 같이 window.location.href 로 대체해서 사용해야 합니다. function loadlink() { if (typeof (window.open) == "function") { window.open("http://www.stackoverflow.com"); } else { window.location.href = "http://www.stackoverflow.com"; } } 참고들 하세요! 출처 : https://stackoverflow.com/questions/118163..

[javascript/jquery] jquery datatable Cannot reinitialise 에러 해결 방법 jquery datatable 을 이용하다 보면 여러가지 에러들이 나곤 합니다. 그중에서 Cannot reinitialise 이런 에러가 나는 경우에는 이미 한번 초기화 된 제이쿼리가 한번더 초기화 구분이 실행되서 에러가 나는 경우입니다. 어디선가 같은 아이디의 테이블에 datatable 을 2번 로드하는 경우일 겁니다 참고들 하세요! 공식사이트 링크 : https://datatables.net/manual/tech-notes/3 3. Warning: Cannot reinitialise DataTable 3. Warning: Cannot reinitialise DataTable DataT..

[javascript/jquery] jquery link preview library / jquery 링크 미리보기 라이브러리 [링크] 페이지 작업을 하다보면 특정 링크 주소를 입력받아서 미리보기를 구현해야 하는 경우가 있습니다. 즉, og 태그를 활용해서 미리보기를 구현해야 하는 경우인데요, 그럴때는 jquery 플러그인을 이용해서 구현이 가능합니다. 아래 링크 들어가시면 사용법도 자세히 설명이 되어있으니 참고들 하세요! jquery 링크 미리보기 라이브러리 : https://blog.work6.kr/8 링크(href) 미리보기 기능 jquery plugin(제이쿼리 플러그인) 오늘 소개할 플러그인의 기능은 링크 미리 보기 기능 이에요. a태그의 href를 분석하여 이동할 페이지를 작게 미리 보여주는 ..

[javascript/jquery] jquery circle-progress library/ jquery 원형 progress 라이브러리 [링크] jquery 플러그인들을 이용하다보면 원형 그래프 즉, 파이형의 그래프를 이용하여 수치들을 표시해야 하는 경우가 있습니다. 그럴때 사용할 수 있는 라이브러리를 공유하고자 합니다. 아래 링크 들어가셔서 확인해보시면 원형 그래프를 progress bar 와 같이 채울수도 있고 내용을 입력할 수도 있으니 확인해보시면 금방 적용하실 듯 합니다! 참고들 하세요! jquery-circle-progress library : https://github.com/kottenator/jquery-circle-progress GitHub - kottenator/jquery-circ..

[javascript/jquery] javascript canvas reset example / 자바스크립트 캔버스 초기화 하는 방법 javascript 에서 canvas 를 이용하여 이미지 작업도 하고 그림도 그릴수 있고 여러가지를 할 수 있습니다. 그러다 보면 canvas 를 초기화 해야하는 경우가 생기곤 하는데요, 그럴때는 아래와 같이 clearRect 와 beginPath 를 이용하시면 됩니다. var canvas = document.getElementById('canvas'); var context = canvas.getContext('2d'); context.clearRect(0, 0, cnvs.width, cnvs.height); context.beginPath(); 위 내용 보시면 아시겠지..

[javascript/jquery] javascript file extension check example / 자바스크립트 파일 확장자 체크하는 방법 javascript 에서 파일 업로드를 다루다보면 확장자를 체크해야 하는 경우가 있습니다. 대부분은 정상적인 파일을 올리지만, 그렇지 않은 경우를 체크하기 위해서 인데요, 그럴때는 아래 함수를 사용하시면 됩니다. function image_ext_chk(val) { var result = true; var f_len = val.length; var f_ext = val.lastIndexOf("."); var f_type = val.substring(f_ext+1, f_len).toLowerCase(); if( f_type != "jpg" && f_type ..

[javascript/jquery] javascript 특정 달의 마지막 날짜 구하는 방법 javscript 에서 특정 날짜를 입력받거나 가져와서 그 달의 마지막 날짜의 값을 세팅해야 하는 경우가 있습니다. 그럴때는 아래와 같은 방법으로 구할 수 있습니다. 예를들어 2021년 10월의 마지막 날짜를 가져오고 싶으면 아래와 같이 l_day 를 구하면 됩니다. var l_day = new Date(2021, 10, 0).getDate(); 위에서 구한 l_day 값을 console.log 로 출력해보면 console.log(l_day); 결과는 아래와 같이 31 이 나오게 됩니다. 31 참고들 하세요!