개발자의 끄적끄적

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

[javascript/jquery] chart.js Canvas is already in use. Chart with ID '0' must be destroyed before the canvas can be reused. 에러 해결 방법 chart.js 를 사용하여 데이터를 표현하다보면 동적으로 데이터를 조회 후 차트를 그려야 하는 경우가 종종 있습니다. 그렇게 사용하다 보면 아래와 같이 오류가 발생하는 경우가 있습니다. Canvas is already in use. Chart with ID '0' must be destroyed before the canvas can be reused. 그럴때는 동적으로 데이터를 그래프로 표현하기 전 아래와 같이 destroy 를 실행해주시면 됩니다. chart.des..

[javascript/jquery] XMLHttpRequest readyState 결과표 javascript 에서 서버와 통신을 하는 경우에 XMLHttpRequest 을 사용하는 경우가 있습니다. 그중에서 서버로 부터 응답을 확인하는 방법중 하나인 readyState 프로퍼티를 알아보려고 합니다! 위 readyState 를 출력하면 아래와 같이 숫자로 출력되게 되는데 해당 값들의 내용이니 통신결과를 확인하실때 참고하시면 좋을듯 합니다! 1 UNSENT XMLHttpRequest 객체가 생성됨 2 OPEND open 메소드 실행이 성공함 3 HEADERS_RECEIVED 모든 요청에 대한 응답을 받음 4 LOADING 요청 데이터 처리중 5 DONE 요청 데이터 처리가 완료됨 참고들 하세요! 출처 : h..

[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] 자바스크립트 카드 짝맞추기 게임 소스 자바스크립트로 재미삼아 만들어본 카드 뒤집기 게임입니다! 메모리 게임은 아니고, 짝맞추기 게임 스크립트 소스이니 출처만 표기해주시고, 활용하실 분들은 활용하세요! 0.000 0.000

[javascript/jquery] javascript 정규식으로 태그 제거하는 방법 javascript 에서 특정 엘리먼트의 태그를 제거하고 안에 있는 텍스트만 추출해야하는 경우가 종종 있습니다. 그럴때는 아래와 같이 replace 와 정규식을 활용해서 추출이 가능합니다! 예를들어, 아래와 같이 div 와 span 태그로 구성된 엘리먼트가 있다고 가정하고, testing 위 test라는 클래스를 가진 엘리먼트를 아래와 같이 str 라는 변수가 담고, 그걸 정규식을 이용해 추출한 결과를 result 에 담습니다! var str = document.querySelector(".test"); var result = str.innerHTML.replace(/]*>?/g, ''); 그리고는 아래처럼, conso..

[javascript/jquery] Identifier 'swiper' has already been declared 오류 해결법 jquery swiper 를 이용하여 슬라이드 이미지를 구성하다보면, 아래와 같이 이미 선언되어 있다는 오류가 나타나는 경우가 있습니다. Identifier 'swiper' has already been declared 그럴때는 아래와 같이 destroy 를 이용하여 기존에 선언되어 있는 swiper를 없애고 새로 선언해서 사용하시면 됩니다! Swiper.destroy(); var swiper = null; if(swiper != null) swiper.destroy(); swiper = new Swiper('.swiper', { loop: true, pagination: {..

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