개발자의 끄적끄적

[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 array duplicate value count javascript 에서 배열을 다루다 보면 배열의 중복되는 값의 갯수를 구해야하는 경우가 있습니다. 그럴때는 아래와 같이 forEach 를 이용하시면 됩니다! 예를들어 아래와 같이 1,1,2 총 3개의 값을 가지고 있는 배열이 있다고 가정하고, const arr = ['1','1','2']; 위 배열의 중복되는 값의 수를 구하고 싶으면 아래와 같이 forEach 를 이용합니다. const result = {}; arr.forEach((x) => { result[x] = (result[x] || 0)+1; }); 위 forEach 에서 결과를 담은 res..

[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] 자바스크립트 양력 음력 계산 라이브러리 [링크] javascript 에서 날짜나 달력을 다루다 보면 양력 / 음력을 계산해야 하는 경우가 종종 있습니다. 그럴때 유용하게 사용할 수 있는 라이브러리가 있어서 공유하려고 합니다! 아래 링크 들어가서 내용 보시고 js 파일로 만들어서 사용하시면 간단하게 사용하실 수 있습니다. 예를 들어 2023년 2월 15일의 음력날짜를 계산하려면 아래와 같이 solarToLunar 함수를 이용하시면 됩니다! solarToLunar('2023','2','15') // result : '음력 2023년 1월 25' 참고들 하세요! 자바스크립트 음력 / 양력 변환 라이브러리 : https://usang0810.tistory.com/39 [Jav..

[javascript/jquery] 자바스크립트에서 아이폰 크롬 사파리 구분하는 방법 javascript 에서 브라우저 혹은 기기 체크를 하다보면 아이폰 환경에서 크롬과 사파리를 구분해야 하는 경우가 종종 있습니다. userAgent 를 출력해보면 둘다 완전 동일하게 safari 라는 문자가 들어있어서 safari 로 구분짓기는 애매한데요, 그럴때는 아래와 같이 crios 라는 단어로 크롬인지 사파리 인지 구분이 가능합니다! var agent = navigator.userAgent.toLowerCase(); if ( navigator.userAgent.match(/iPhone|iPad|iPod/i) != null ) { if( agent.indexOf("crios") == -1 ) { alert("saf..

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