개발자의 끄적끄적

[javascript/jquery] fullcalendar day click event example / fullcalendar 날짜 클릭 이벤트 감지 방법 jquery fullcalendar 를 사용하다보면 달력의 날짜 클릭 이벤트를 감지해야 하는 경우가 있습니다! 그럴때는 아래 옵션을 추가하시면 됩니다! dateClick: function(info) { console.log(info); }, 위 옵션을 추가 후 달력중 아무 날짜나 클릭했을때 출력되는 정보는 아래 이미지를 참고 하시면 됩니다! 위 내용 확인해 보시고, 필요하신 액션이나 정보를 사용하시면 됩니다! 참고하세요!

[javascript/jquery] input paste 붙여넣기 이벤트 감지 방법 javascript 나 jquery 로 input 태그를 제어하다보면 paste 액션을 감지해야 하는 경우가 있습니다! 그럴때는 아래 방법으로 체크하시면 됩니다! 예를들어, id 가 phone 인 input 태그가 있다고 가정하고, 해당 태그에 붙여넣기 되는 이벤트를 감지하려면 아래와 같이 스크립트를 사용하시면 됩니다! $( document ).ready(function() { $('#phone').on('paste', function(){ // to do }); }); 여기서 추가적으로 아이폰에서는 위와 같은 방법으로 감지가 안되는 경우가 있습니다! 그럴때는 아래처럼 약간의 timout을 주어 이벤트를 감지할 수 있습..

[javascript/jquery] datatable Uncaught TypeError: Cannot read properties of undefined (reading 'style') 에러 해결 방법 jquery datatable 를 사용하다보면 여러가지 오류가 나는 경우가 많습니다! 그중에서 가장 흔히나는 오류중 하나가 바로 아래와 같은 오류입니다! Uncaught TypeError: Cannot read properties of undefined (reading 'style') datatable 위와 같은 오류가 나고 데이터가로딩되지 않는다면, 아마 테이블의 또는 와 같이 컬럼 갯수와 가지고오는 스크립트의 컬럼갯수가 다른 경우입니다! 당황하지 마시고, 데이터를 불러오는 스크립트의 컬럼수와 테이블의 ..

[javascript/function] 자바스크립트 html 색상표 랜덤 생성 방법 javascript 에서 html 색상코드를 랜던으로 설정해야 하는 경우가 종종 있습니다! 그럴때는 아래 함수를 활용하시면 됩니다! 참고들 하세요! function make_color_code() { var color = Math.floor(Math.random()*16777215).toString(16); return "#"+color; }

[javascript/jquery] javascript shuffle elements example / 자바스크립트 요소 랜덤 배치 예제 게시판 혹은 일정 데이터를 반복해서 출력하다보면 해당 요소들의 순서를 랜덤으로 섞고 싶은 경우가 있습니다! 물론 컨트롤러같은데서 오브젝트 혹은 배열의 데이터를 가공해서 가져올 수도 있지만, 아래와 같이 간단하게 스크립트로 처리할 수도 있습니다! 위 내용 보시면 아시겠지만, class_name 라는 클래스명을 가지는 원소들을 다 모아서 위 아래로 순서를 섞는 내용입니다! 참고들 하세요!

[javascript/jquery] 자바스크립트 메시지 이벤트 사용해서 팝업 제어하는 방법 / javascript message event listner example [링크] javascript 에서 window.open 을 이용해서 새창을 열고, 부모창과 자식창 서로를 제어해야하는 경우가 있습니다! 보통의 경우는 가능하지만, 도메인이 서로 다른 창의 경우는 message 라는 기능을 이용해야만 가능한데요! 한참을 구글링하다가 해결한 방법이 있어서 공유하려고 합니다! 아래 링크 들어가보시고 상황에 맞게 약간 수정이 필요한경우는 수정하시면 될듯 합니다! 참고들 하세요! 크로스 도메인 팝업간 상호 컨트롤 설정 방법 : https://meetup.nhncloud.com/posts/344 출처가 다른 윈도우 ..

[javascript/jquery] swiper.js slideTo 이동불가 에러 해결방법 jquery swiper.js 를 이용하여 특정슬라이드로 강제로 이동하고 싶은 경우가 있습니다! 그럴때 아래와 같이 slideTo 를 사용합니다! swiper.slideTo(5); 하지만!! 위처럼 했는데도 return 이 false 로 나오고 이동이 되지않는 경우가 있습니다! 그럴때는 아래와 같이 처음슬라이드로 갔다가 원하는 슬라이드 번호로 이동할 수 있게 하면 매번 정상적으로 동작하게 됩니다! swiper.slideTo(0); swiper.slideTo(5); 참고들 하세요!

[javascript/jquery] javascript scroll event not working / 자바스크립트 마우스 스크롤 이벤트 동작안함 해결 방법 javascript 에서 마우스 스크롤 이벤트를 제어하기 위해 선언을 했으나 전혀 이벤트를 체크하지 못하는 경우가 있습니다. 딱히 오류도 없는데 말이죠.. 제가 이걸로 한참을 삽질했기에 해결방법을 공유하려고 합니다! overflow:hidden 바로 위에 적어놓은것과 같이 overflow:hidden 속성때문에 그런데요! body 안에 컨테이너와 같은 태그안에 css 로 overflow:hidden 이 선언되어 있을 겁니다! 이걸 주석처리하고 다시 확인해보면 스크롤 이벤트가 정상동작 하는걸 확인할 수 있습니다! 참고들 하세요!