팝업 자동 닫기 이벤트 : 10초 후 or 비교체크 후 : 인터벌 & 타입아웃

// 팝업 생성 함수var pop;var popInterval;function createPopup() {setPopupCloseTimeout(); // 10초후 닫기 이벤트 부여popInterval = setInterval(function() {var now = getNow();var str = '20201225000000' = 10) { // 비교할 시간과, 현재시각이 10초 뒤라면...closePop();} else {clearTimeout(pop); // 자동 닫기 이벤트 클리어}}}, 1000);} // 팝업 10초후 자동 닫기 이벤트 함수function setPopupCloseTimeout() {clearTimeout(pop);clearInterval(popInterval);pop = setT..

2020.12.04

엔터키 이벤트 폼 전송 막기

$(window).load(function(){document.addEventListener('keydown', function(event) {if (event.keyCode === 13) {event.preventDefault();}}, true);} = 키다운 이벤트의 키코드가 엔터값일 때, 아무런 액션을 취하지 않는다.

2020.12.04

뒤로가기 에러 발생 시 대처 방법 : '만료된 페이지입니다'

뒤로가기 '만료된 페이지입니다' 에러 발생 시 대처 방법 * 케이스별 No-Cache 설정을 페이지 상단에 기재해주도록 한다. * HTML * ASP * JSP * PHP

2020.12.04

제이쿼리 날짜 포멧 ! new Date (YYYYMMDDHH24MISS)

var today = new Date();var year = today.getFullYear();var month = today.getMonth() + 1;var date = today.getDate();var hour = today.getHours();var minute = today.getMinutes();var second = today.getSeconds();month = month < 10 ? '0' + month : month;minute = minute < 10 ? '0' + minute : minute;second = second < 10 ? '0' + second : second;var now = year + "" + month + "" + date + "" + hour + "" + mi..

2020.12.04

다음 주소 API 가이드 샘플

-상단 스크립트 추가​-이벤트 function 추가function execDaumPostcode() { new daum.Postcode({ oncomplete: function(data) { var fullRoadAddr = data.roadAddress; var extraRoadAddr = ""; // 법정동명이 있을 경우 추가 (법정리는 제외) // 법정동의 경우 마지막 문자가 "동/로/가"로 끝남 if (data.bname != "" && /[동|로|가]$/g.test(data.bname)) { extraRoadAddr += data.bname; } // 건물명이 있고, 공동주택일 경우 추가 if (data.buildingName != "" && data.apartment == "Y") { extr..

2020.10.19

제이쿼리 셀렉터 라디오 박스 체크

-제이쿼리 셀렉터 name 속성을 이용한,라디오 버튼 체크 로직​-html : One​Two​Three​Four​script : var deliType = $("input[name='radioCheck']:radio:checked").val();​* 응용은 언제나 자신의 몫입니다.

2020.10.19

JSP Map & List 내부 생성 코드

- Map ​ function Map() { this.elements = {}; this.length = 0; } Map.prototype.put = function(key, value) { this.elements[key] = value; this.length = Object.keys(this.elements).length; }; Map.prototype.get = function(key) { return this.elements[key]; }; Map.prototype.update = function(key, value) { this.elements[key] = value; }; Map.prototype.delete = function(key) { delete this.elements[key] thi..

2020.10.16

CORS (Corss Origin Resource Sharing) ! ajax 통신

- CORS (Corss Origin Resource Sharing) 발생 이유는, > 보통 Https에서 Http로 요청을 하였을때, 혹은, 서로 다른 도메인에서 자료를 가져올 때 발생합니다. ​ - 대처 방안 1 : 플러그인 사용 1. 플러그인 다운로드 다운로드 URL : http://www.ajax-cross-origin.com/ ​ 2. JSP 상단 스크립트 부여 ​ ​ 3. ajax 통신 소스 상단 부분에 옵션 추가 ​ $.ajax({ crossOrigin: true, contentType: "application/json; charset=utf-8", type : "POST", dataType : null, url : "/sample/test", data : JSON.stringify({ ""..

2020.10.16

JSP EL 태그 & JSTL 태그 정리

EL (Expression Language) 과 JSTL (Jsp Standard Tag Library) 정리 ※ maven 사용시, web.xml 에 하단 라이브러리 내용 선언 or 디펜던시 추가 jstl-c /WEB-INF/tlds/jstl/c.tld jstl-fmt /WEB-INF/tlds/jstl/fmt.tld jstl-fn /WEB-INF/tlds/jstl/fn.tld ※ JSP 상단 태그 라이브러리 선언 EL (Expression Language) - page, request, session, application의 attribute, parameter 속성을 사용 - 관련 기본 객체 : pageScope , requestScope , sessionScope , applicationScope ..

2020.09.24