개발자의 끄적끄적

[javascript/jquery] ajax 동작여부 확인방법 ajax 가 실행되는지, 종료되는지 혹은 실행중에 종료가 안되는지 등등 여러가지 현상을 확인하기 위해서 사용할 수 있는 방법입니다! $(function)() { $(document).ajaxStart(function () { console.log("start"); }); $(document).ajaxStop(function () { console.log("stop"); }); }) 위에 적힌 소스처럼 .ajaxStart 는 ajax 가 실행될 때 동작을 하고 .ajaxStop 는 ajax 가 종료될 때 동작을 합니다. 참고하세요!

[javascript/jquery] jquery 로드 여부 확인 방법 가끔 네트웍이나 특정상황에 jquery 로드가 안되는 경우가 있습니다. 그럴때 로드가 된지 확인할 수 있는 예제입니다. 위처럼 undefined 이면 로드가 안된거니 로드를 시킬지, 머 다른 코드를 적용할지 선택해서 작성, 사용 하시면 될듯 합니다. 참고하세요!

[javascript/jquery] clearInterval() 사용법 및 예제 프로젝트를 하다보면, 일정시간 후 페이지를 함수를 종료하는 코드를 사용해야 될때가 있습니다. 그때 사용할수 있는 샘플 코드를 올려봅니다! 그냥 가져가 쓰셔도 되구요! 입맛에 맛게 수정하시면 더 좋겠죠! var timer = 0; $(document).ready(function() { timer = setInterval("calc_time()", 1000); }); var sec = 0; function calc_time(){ sec += 1; if( sec >= 60 ) { clearInterval(timer); return; } } 위 소스 보시면 아시겠지만, 페이지가 뜬 후에 setInterval 함수를 이용하요 1초마다..

[javascript/jquery] setTimeout 사용법 및 예제 프로젝트를 하다보면 입력이 없을시, 일정시간 후 실행해야 하는 로직을 구현하는 경우가 있습니다. 그떄 사용할수 있는 샘플 코드를 올려봅니다! 그냥 가져가 쓰셔도 되구요! 입맛에 맛게 수정하시면 더 좋겠죠! $(document).ready(function() { setTimeout("calc_time()", 1000); }); var sec = 0; function calc_time(){ sec += 1; console.log(sec); } 위 소스 보시면 아시겠지만, 페이지가 뜬 후에 setTimeout 함수를 이용하요 1초후에 calc_time 라는 함수를 호출합니다. 이 함수는 호출당할때 마다 sec 라는 변수를 1초씩 증가시키고..

[javascript/jquery] setInterval 사용법 및 예제 프로젝트를 하다보면 입력이 없을시, 일정시간 후 페이지를 전환하는 일이 빈번히 있습니다! 그떄 사용할수 있는 샘플 코드를 올려봅니다! 그냥 가져가 쓰셔도 되구요! 입맛에 맛게 수정하시면 더 좋겠죠! $(document).ready(function() { setInterval("calc_time()", 1000); }); var sec = 0; function calc_time(){ sec += 1; if( sec >= 60 ) { window.location.href = "이동시킬 url"; return; } } 위 소스 보시면 아시겠지만, 페이지가 뜬 후에 setInterval 함수를 이용하요 1초마다 calc_time 라는 함수..

[javascript/jquery] .prepend() 사용법 및 예제 jquery .prepend() 기본 사용법입니다. $(대상).append(내용) 아래와 같은 태그가 있다고 가정하고 aaa 아래 처럼 작성하고 실행하면 $("#id_ul_list").prepend("bbb"); bbb aaa 이런 결과가 나오게 됩니다. prepend() 는 특정 타겟의 요소 맨 앞에 표시하고자 하는 내용을 붙여줍니다! 앞서 올렷던 append() 와 사용법은 완전 동일하지만 맨앞에 붙이느냐 맨 뒤에 붙이느냐의 차이입니다! 참고들하세요!

[javascript/jquery] jquery .append() 사용법 및 예제 jquery .append() 기본 사용법입니다. $(대상).append(내용) 아래와 같은 태그가 있다고 가정하고 aaa 아래 처럼 작성하고 실행하면 $("#id_ul_list").append("bbb"); aaa bbb 이런 결과가 나오게 됩니다. append() 는 특정 타겟의 요소 맨 마지막에 표시하고자 하는 내용을 붙여줍니다! 참고들하세요!

[javascript/jquery] canvas to image 방법 javascript에서 canvas 에 있는 내용을 img 태그로 뽑아 내고 싶을때 하는 방법입니다. 우선 위와 같은 태그가 있다고 가정하고, var img_view = document.getElementById('img'); img_view.src = canvas.toDataURL(); canvas.toDataURL() 로 canvas 에서 뽑아낸 내용을 img 태그가 담겨있는 img_view 에 src 로 넣어주면 됩니다. 엄청 간단합니다! 하지만 여기서 !! 크로스브라우징 이슈 (CROS) 들이 생겨나는 경우가 많습니다. 이부분은 아직 뾰족한 해결책은 못찾았습니다.. 찾는대로 바로 공유하겠습니다! 참고하세요!