개발자의 끄적끄적

[javascript/jquery] how to check fullcalendar month change event / fullcalendar 달 변경 이벤트 확인 방법 캘린더 작업을 위해서 fullcalendar.js 를 이용하다보면 최 상단에 표기되는 월이 변화되는 이벤트를 감지해야 하는 경우가 있습니다! 동적으로 데이터를 불러오거나 관리해야하는 이슈들 때문인데요! 그럴때는 아래와 같이 클릭 이벤트를 사용하시면 됩니다! 예를 들어 아래와 같이 calendar 라는 객체가 생성되었다고 가정하고, var calendarEl = document.getElementById('calendar'); var calendar = null; calendar = new FullCalendar.Calendar(calen..

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

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

[javascript/jquery] input 태그 한글만 입력되게 하는 방법 javascript 에서 input 태그에 입력된 값들을 정규식으로 onkeyup 같은 속성으로 제어할수도 있지만, oninput 를 사용해서 입력자체를 막을 수도 있습니다! 그중에서, 이번에는 숫자만 입력을 허용하는 예제를 공유하려고 합니다. 위 내용 보시면 아시겠지만, 입력값을 있으면 바로 replace 함수를 이용하는 방법입니다. 참고들 하세요!

[javascript/jquery] jquery swiper library cdn url 참고 사이트 [링크] jquery 슬라이드 화면을 구성하다보면 jquery swiper 라이브러리를 많이 사용합니다! 그중 swiper 라이브러리를 로드할 수 있는 cdn 주소를 찾아야 되는 경우가 있어서 공유하려고 합니다! 아래 링크 들어가셔서 필요한 url 을 찾아서 로드 하시면 됩니다! 참고들 하세요! jquery swiper library cdn : https://cdnjs.com/libraries/Swiper Swiper - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers Most moder..

[javascript/jquery] 자바스크립트에서 웹 앱 구분하는 방법 하이드리드 앱으로 개발을 진행하다보면 웹뷰에서 로그인 처리를 하곤 합니다! 로그인 할때 토큰을 받는다거나 하려면, 로그인 페이지 상에서 앱과 서로 함수를 호출하면서 데이터를 주고 받아야 하는데요! 웹에서 로그인하는 경우는 또 지나쳐야하고, 앱에서 로그인하는 경우는 동작해야 하고 하는 등등 agent 체크해야 하는 경우가 있습니다! 그럴때는 아래 javascript 를 참고하시면 됩니다! var agent_str = navigator.userAgent.toLowerCase(); if( agent_str.indexOf("android") != -1 || agent_str2.indexOf("ios") != -1 ) { // Case Of..

[javascript/jquery] Geolocation has been disabled in this document by permissions policy error 해결 방법 javascript 에서 navigator 객체를 이용하여 현재 좌표를 조회하다보면 특정 사이트에서는 iframe 형태로 embed 되게 호출하는 경우가 있습니다. 그렇게 작업을 하다보면 아래와 같이 policy 제한에 걸리게 되는데요! Geolocation has been disabled in this document by permissions policy. 위와 같이 policy 관련 에러가 발생하면 iframe 소스를 아래와 같이 수정하시면 됩니다! ... 위 내용 보시면 아시겠지만, allow 속성을 추가해 그 안에 s..