일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 주식 청약
- 7월 공모주 청약 일정
- 주식 청약 일정
- 리눅스
- 코드이그나이터
- 주식
- 오라클
- php
- IPO
- codeigniter
- 공모주 청약 일정
- Stock ipo
- 공모주 청약
- Stock
- 자바스크립트
- java
- Eclipse
- MYSQL
- css
- SQL
- JSTL
- 맥
- linux
- JavaScript
- 제이쿼리
- jquery
- Oracle
- 공모주
- 자바
- html
- Today
- Total
목록jquery (278)
개발자의 끄적끄적
[javascript/jquery] kakaomap resize example / 카카오맵 리사이징 방법 카카오 맵을 연동하여 지도를 보여주다보면 팝업 혹은 모달에서 지도가 깨지거나 가려져서 안보이는 현상이 종종 발생하곤 합니다! 그럴때는 아래와 같이 relayout 함수를 이용하시면 됩니다! var map = new kakao.maps.Map(container, options); 위선 위와 같이 만들어진 지도 객체 map 이 있다고 가정하고, 지도가 로드된 후에 아래와 같이 함수를 호출해주시면 됩니다! map.relayout(); 저는 정상적으로 동작시키기 위해서 0.5초 정도의 timeout 을 주고 구현했습니다! 참고들 하세요!
[javascript/jquery] javascript opener reload example / 자바스크립트 부모창 새로고침 하는 방법 javascript 에서 팝업을 이용해 특정 액션을 처리하고 나서 부모창을 새로고침 해야하는 경우가 있습니다. 그럴때는 아래와 같이 opener 를 이용하시면 됩니다! opener.location.reload(); 추가적으로, 부모창을 새로고침하고 현재 팝업을 닫으려면 아래와 같이 하시면 됩니다! opener.location.reload(); window.close(); 참고들 하세요!
[javascript/jquery] javascript tls check example / 자바스크립트 tls 버전 확인 방법 javascript 에서 현재 tls 버전을 확인해야 하는 경우가 있습니다. 그럴때는 아래 스크립트를 이용하시면 됩니다. 위 내용 보시면 아시겠지만, howsmyssl.com 이라는 사이트에서는 호출한 상황에 따른 tls 정보를 반환해줍니다! 참고들 하세요!
[javascript/jquery] 자바스크립트 입력문자열 길이 체크 예제 함수 javascript 에서 특정 필드의 문자열을 제한해야 하는 경우가 있습니다. 그럴땐느 아래 함수를 활용하시면 됩니다! 파라미터로 체크할 태그의 id 와 길이를 넘겨주시면 길이가 초과할 경우 alert 를 출력하고, 해당길이 만큼의 문자열만 남겨놓고 이후에 입력된건 사라지게 됩니다! // 문자열 길이체크 function chk_length(id, len) { var chk_str = $("#" + id).val(); if( chk_str.trim() != "" ) { var chk_len = chk_str.length; if( chk_len > len ) { alert(len + "자 내로 입력해 주세요."); chk_str..
[javascript/jquery] javascript password pattern example / 자바스크립트 비밀번호 패턴 체크 예제 javascript 에서 input 에 입력받은 비밀번호의 규칙을 체크해야 하는 경우가 있습니다. 그럴때는 아래 함수를 참고하셔서 구현 하시면 간단하게 구현되실 껍니다. 아래 함수는 숫자, 영문, 특문 포함 8~12 자리를 체크하는 함수입니다. 함수에 해당 input 의 id 를 입력하면 해당 input 의 value 를 가져다가 체크하고 boolean 형식으로 return 합니다! // 비밀번호 체크 정규식 function pwd_check(id) { var pw = $("#"+id).val(); var num = pw.search(/[0-9]/g); var en..
[javascript/jquery] jquery datepicker korean example / jquery datepicker 한글 설정 방법 jquery datepicker 를 사용해서 input 클릭시 달력이 떠서 날짜를 선택하게 적용하는 경우가 많이 있습니다. 그중에서 달력의 언어를 한글로 변경하고, 2022년 3월 의 형태로 달력에 표기되도록 하려면 아래와 같이 옵션을 추가하시면 됩니다. $( "#date" ).datepicker({ dateFormat: 'yy-mm-dd', prevText: '이전 달', nextText: '다음 달', monthNames: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월']..
[javascript/jquery] javascript get radio checked value example / 자바스크립트 선택된 라디오버튼 값 가져오는 방법 javascript 에서 radio 버튼으로 구성된 html 태그중 선택된 radio 버튼의 값을 가져와야 하는 경우가 있습니다. 그럴때는 아래와 같이 querySelector 를 이용하시면 됩니다. 우선 아래와 같이 3개의 같은 클래스명과 같은 name 을 가지는 radio 버튼이 있다고 가정하고, 위 버튼들 중 선택된 radio 버튼의 값을 가져오고 싶으면 아래와 같이 querySelector 를 사용하시면 됩니다! var gbn = document.querySelector('.gbn_chk:checked').value; 위세어 gbn 이..
[javascript/jquery] javascript 360 degree modules / 자바스크립트 360 뷰어 라이브러리 요즘 개발을 하다보면 360 파노라마 뷰같이 구현된 사이트들이 많이 있습니다. 대부분 ar / vr 과 더불어 많이들 사용하는 듯 한데요. 그중에서 많이 사용되는 7가지 자바스크립트 360 모듈이 정리되어 있는 사이트를 찾아서 공유하고자 합니다. 아래 링크 들어가셔서 각각 비교해보시고 상황에 잘 맞는걸 사용하시면 많은 도움이 되실듯 합니다! 참고들 하세요! https://ourcodeworld.com/articles/read/843/top-7-best-360-degrees-equirectangular-image-viewer-javascript-plugins Top 7: Best..