개발자의 끄적끄적

[javascript/jquery] jquery datepicker select event example/ jquery datepicker 날짜 선택 이벤트 예제 jquery datepicker 를 이용하다보면 div 같은 영역에 datepicker 를 구현했을때 날짜를 선택한 이벤트를 수신해야 하는 경우가 있습니다. 그럴때는 아래와 같이 onSelect 이벤트를 이용하시면 됩니다! 예를들어 class 가 datepicker 인 div 가 있다고 가정하고, 위 div 안에 datepicker 를 구현하고 싶으면 아래와 같이 스크립트를 선언하시면 됩니다. $('.datepicker').datepicker({ onSelect: function(dateString) { console.log(dateString..

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

[javascript/jquery] 자바스크립트 차트 비교 설명 사이트 [링크] javascript 로 차트를 구현하려고 하다보면 여러가지 라이브러리들이 있어서 어떤걸 써야하나, 혹은 어떤 라이브러리들이 있나를 검색하게 마련입니다! 각각 라이브러리들이 약간씩 다르기때문에 구현하고자 하는 방향에 맞는걸 선택하게 되는데요! 그럴때 참고하면 도움이 될만한 사이트가 있어서 공유하고자 합니다! 아래 링크 들어가시면 19가지 차트 종류와 간략한 설명, 특징등을 볼수 있어서, 많은 도움이 되실듯 합니다! 참고들 하세요! 19가지 차트 비교 설명 사이트 : https://wikidocs.net/151141 009. 차트 생성을 위한 19 가지 온라인 도구 및 오픈소스 차트 사이트 모음 오늘날 세계에서 사람들은 분산 된..

[javascript/jquery] javascript http to https redirect example javascript 에서 http 로 접속된 도메인을 https 로 리다이렉트 시켜야 하는 경우가 있습니다. 그럴때는 아래 스크립트를 이용하시면 됩니다! if (document.location.protocol == 'http:') { document.location.href = document.location.href.replace('http:', 'https:'); } 위 내용을 보시면 아시겠지만, document.location.protocol 을 출력해보면 http: 나 https: 가 출력됩니다. 이것을 이용해서 접속 url 을 체크하고, location.href 로 https 로 변경된..

[javascript/jquery] jquery 주민등록번호 앞자리 입력 후 다음칸 이동하는 예제 jquery 에서 주민등록번호 앞 6자리와 뒷 1자리를 입력하는 화면을 구현해야 하는 경우가 있습니다. 그럴때는 아래와 같이 이벤트를 이용해서 제어가 가능합니다. 우선 아래와 같이 input 태그가 2개 있다고 가정하고, 각각 maxlength 를 6 과 1 로 설정합니다. 그리고 앞 6자리에 해당되는 input 에 입력되는 값을 기준으로 숫자만 입력되게 허용하고, maxlength 에 설정되어있는 6자리가 입력되면 다음 input 로 포커스가 이동되게 하는 스크립트 입니다! $(document).on("keypress keyup keydown", "input[numberOnly]", function(e){..

[javascript/php] javascript php 한글깨짐 해결 방법 javascript 에서 특정 값을 입력받아서 php 로 전송하는 경우 한글이 깨지게 됩니다. 그럴때는 아래와 같이 encode/decode 를 해주시면 됩니다. aaa 라는 변수에 한글이 들어있다고 가정하고, javascript 에서 encodeURIComponent 를 이용하여 aaa 를 인코딩 합니다. encodeURIComponent(aaa); 그리고 전달받은 php 함수에서 인코딩되어있는 aaa 라는 변수를 rawurldecode 를 이용하여 디코딩하시면 됩니다! rawurldecode($aaa); 참고들 하세요!

[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') 를 이용하시면 값..

[javascript/jquery] jquery element exist check example / 자바스크립트 요소 존재여부 확인 방법 jquery 로 특정 id 를 가지는 엘리먼트의 중복을 체크하거나 존재하는지를 확인해야 하는 경우가 종종 있습니다. 그럴때는 length 를 이용하시면 됩니다! 예를들어 아래와 같이 test_div 라는 아이디를 가지는 div 태그가 있다고 가정하고, 위 태그가 존재하는지 확인하고 싶으면, 아래와 같이 lengtg 를 사용하시면 됩니다! if ($('#test_div').length) { alert('test_div exists'); } 참고들 하세요!