개발자의 끄적끄적

[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 참고들 하세요!

[javascript/jquery] 자바스크립트 iframe 에서 부모함수 호출 방법 iframe 에서 부모의 함수를 실행해야 하는 경우에는 그냥 함수명을 호출하면 undefined 에러가 발생합니다. 그럴때는 아래와 같이 parent. 을 추가해서 부모의 함수명을 호출하시면 됩니다. parent.functionName 참고들 하세요!

[html] MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled 에러 해결방법 페이지에 css 와 js 등 리소스를 로드해서 사용하려고 하다보면 아래와 같은 오류가 발생하는 경우가 있습니다. MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled 위와 같은 오류의 원인은 2가지입니다. 1. 해당위치에 파일을 찾지 못한다. 2. 로드된 파일의 타입이 정의되어 있지 않다. 1번의 경우는 말그대로 경로가 잘못되었거나, 파일이 없는 경우입니다. 2번의 경우는 이..

[javascript/jquery] 자바스크립트 로딩바 라이브러리 spin.js [링크] 페이지에서 서버로 데이터를 전송하거나 하는경우에 데이터 양이나 네트워크에 따라서 처리 속도가 다른 경우가 종종 있습니다. 그럴때는 사용자가 알기 쉽게 처리중이라는 로딩 이미지는 띄우곤 하는데요, 이번에 공유하고자 하는 사이트는 그런 로딩 이미지를 색상 / 크기 / 속도 등 여러가지 옵션을 조절해서 구현할 수 있는 라이브러리입니다. 바로 spin.js 인데요 아래 링크들어가셔서 데모로 테스트해보시고, 적용법을 한번 보시면 쉽게 적용하시고 사용하실듯 합니다! spin.js 링크 : http://spin.js.org/ spin.js spin.js Example Share it! If checked, the option v..

[javascript/jquery] jquery trugger click example / jquery 버튼 강제 클릭 이벤트 발생 방법 jquery 에서 버튼을 강제로 클릭하게 처리하고 싶은 경우가 있습니다. trigger를 사용하면 버튼을 강제로 클릭할 수 있습니다. 예를들어 아래와 같이 test_btn 이라는 버튼이 있다고 가정하고, 테스트 아래 나와있는 것처럼 trigger("click") 를 사용하면 해당버튼을 클릭 시킬수 있습니다. $("#test_btn").trigger("click"); 참고들 하세요!