개발자의 끄적끄적

[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..

[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..

[javascript/jquery] 자바스크립트로 카카오톡 인앱브라우저에서 외부 브라우저 호출하는 방법 웹사이트를 개발하다보면 카카오톡에서 인앱브라우저로 사이트를 열었을때 문제가 되는 경우가 많습니다. 파일다운로드 라든가 등등 막히는 기능들이 많은데요! 그럴때는 아래 스크립트로 외부 브라우저를 호출하고 해당 브라우저의 url 을 아래 스크립트에서 입력된(www.abc.com) url 로 이동하게 할 수 있습니다! www.abc.com 부분에 원하는 url 을 입력하시면 됩니다! 참고들 하세요!

[javascript/jquery] 자바스크립트 android / ios 구분하는 방법 javascript 에서 아이폰인지, 안드로이드인지 구분해야 하는 경우가 있습니다! 앱내 함수를 호출하거나, 기기별 다른 액션을 구현해야 하는 경우에 많이 사용합니다! 그럴때는 아래 스크립트를 이용하시면 됩니다! var agent = navigator.userAgent.toLowerCase(); if( agent.indexOf('android') > -1 ) { // 안드로이드인 경우 }else if( agent.indexOf("iphone") > -1 || agent.indexOf("ipad") > -1 || agent.indexOf("ipod") > -1 ) { // IOS인 경우 }else{ // 기타 } 위 내..

[javascript/jquery] javascript 특수문자, 콤마, 마침표, 공백 제거 정규식 javascript 에서 문자열을 검증하다보면 영문 , 한글, 숫자 만 허용하고, 기타 문자는 모두 제거해야하는 경우가 있습니다. 그럴때는 아래와 같이 정규식을 이용하시면 됩니다. 우선 특수문자, 콤마, 마침표, 공백을 모두 제거하는 정규식은 아래와 같습니다. var reg_ex = /[`~!@#$%^&*()_|+\-=?;:'",.\{\}\[\]\\\/ ]/gim; 위 정규식을 이용하여, str 이라는 변수에 담겨진 문자열의 특수문자, 콤마, 마침표, 공백을 모두 제거하려면 아래와 같이 replace 를 이용하시면 됩니다. var result = str.replace(reg_ex, ""); 참고들 하세요!