개발자의 끄적끄적

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

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

[javascript/jquery] jquery focus out blur example jquery 를 다루다보면 특정 액션이 일어났을때 현재 포커스를 아웃시켜야 하는 경우가 있습니다. 그럴때는 blur 를 이용하시면 됩니다. 기본 사용법은 아래와 같습니다. 타겟.blur 해주면 되는데요! $('#TARGER_ID').blur(); 예를들어, input 의 Id 가 USER_ID 로 되어있고, 그 input 의 포커스를 아웃시키고 싶으면 아래와 같이 blur 를 사용하시면 됩니다! $('#USER_ID').blur(); 참고들 하세요!

[javascript/jquery] javascript parse query string example / 자바스크립트 쿼리 스트링 추출 방법 javascript 에서 현재 페이지로 넘어온 쿼리스트링 즉, 파라미터 값을 추출해야 하는 경우가 있습니다! 그럴때는 아래와 같이 URLSearchParams 를 이용하시면 됩니다! 우선 아래와 같이 url 에 파라미터가 keyword 라는 변수에 test 라는 값이 있다고 가정하고, http://aaa.com/search?keyword=test window.location 객체를 이용하여 search 값을 담아서 출력해보면! ?keyword=test 이렇게 출력됩니다! var search_str = window.location.search; console.log..

[javascript/jquery] javascript date calculate example / 자바스크립트 몇일 뒤 날짜 계산 예제 javascript 에서 y-m-d 형식의 특정 날짜를 받아서 몇일 뒤의 날짜는 계산해야 하는 경우가 있습니다. 그럴때는 아래와 같이 date 객체를 이용하시면 됩니다! 우선 예를들어, var dateString = "2022-01-01"; 위와같이 dateString 에 2022-01-01 이라는 날짜가 있다고 가정하고, 이날짜의 14일 뒤 날짜를 계산하고 싶으면 아래와 같이 setDate 를 이용해 변경해줍니다. var result1 = new Date(dateString); result1.setDate(result1.getDate() + 14); 그리고 이렇게 변..

[javascript/jquery] 자바스크립트 우클릭 방지 예제 자바스크립트에서 특정페이지에서 혹은 사이트 전체에서 우클릭을 막아야 하는 경우가 있습니다! 그럴때는 간단하게 공통파일 혹은 해당페이지 파일 상단 or 하단에 아래 스크립트를 추가하시면 간단하게 해결됩니다! 참고들 하세요!

[javascript/jquery] slick slide refresh example / slick 슬라이드 새로고침 example jquery 로 슬라이드를 표현하기 위해 slick 라이브러리를 사용하는 경우가 있습니다. 그중에서 슬라이드 안의 내용을 추가하고 재 설정을 해야 하는 경우가 있는데요. 그럴때는 아래 나온 내용처럼 refresh 해주면 정상반영 됩니다! $('#div_slider').slick('refresh'); 참고들 하세요!

[javascript/jquery] jquery selected option attr example / 자바스크립트 선택된 옵션 attr 가져오는 방법 select 태그에서 선택된 값의 value 나 text 를 jquery 로 출력할 수 있습니다. 하지만 그 이외의 데이터를 세팅해서 사용하고 싶은 경우에는 어떻게 해야하나 검색을 해보실텐데요! 아래와 같이 attr 를 이용하시면 됩니다! 예를들어 아래와 같이 id 가 id_select 인 select 태그가 있다고 가정하고, 그안의 옵션들의 value 와 status 라는 attr 이 각각 세팅되어 있다고 가정할때, option_1 option_2 선택된 옵션의 status 값을 가져오고 싶으면, 아래와 같이 attr('status') 를 이용하시면 값..