[jquery] left 메뉴 화면 깜빡임 방지 left 메뉴를 submit (a tag) 방식으로 구현을 하면 메뉴가 바뀔때마다 화면이 깜빡거려서 불편할때가 한두번이 아니다. 이럴때 간단하게 해결할수 있는 방법은 jquery load를 사용하는 것이다. * 기존 방식 테스트 * jquery load 적용 코드 // 1. html 코드 스캐너 // 2. 화면 전환 function getContents (content) { $("#app-container").load(content); } FrontEND/Jquery 2020.10.16
[javascript] li event 중복 방지 개발을 하다가 보면 li 이벤트 안에 li 이벤트를 또 걸수가 있는데 이렇게 되면 이벤트 중복이 일어나 원하는 방향으로 개발을 할수가 없다. 이럴때는 아래와 같이 해주면 된다. FrontEND/Javascript 2020.10.16
[javascript] 팝업 열려 있는지 확인하고 팝업 띄우기 보통 팝업을 띄우고 바로 조회를 하는데, 이미 띄워져 있으면 재조회를 할 필요가 없는것 같아 띄워져 있으면 포커스만 주게 수정을 했다. 아래는 팝업 있는지 체크하고 팝업을 여는 코드이다. FrontEND/Javascript 2019.05.28
jsp에서 resource 경로 세팅 방법 아래와 같이 "/resource/..." 경로를 쓰기 위해서는 서블릿 세팅이 필요하다. 1. web.xml 에서 설정 appServlet org.springframework.web.servlet.DispatcherServlet contextConfigLocation /WEB-INF/spring/appServlet/servlet-context.xml 1 2. servlet-context.xml 설정 FrontEND/Jsp 2019.05.16
c3.js 차트 사용법 c3란? d3의 복잡한 차트 사용을 쉽게 사용할수 있게 모듈화를 한 d3기반 라이브러리 입니다. 사용법은 무척 간단합니다. 헤더부분에서 라이브러리를 import 하기만 하면 준비는 끝. 아래는 JSON 형식의 데이터를 받아와서 차트를 그리는 방법입니다. c3js로 구현할수 있는 차트종류는 여러가지가 있지만 본문에서는 JSON데이터를 불러와서 활용해 보았습니다. 그리고 더 많은 차트는 아래 홈페이지에서 확인 가능합니다. http://c3js.org/examples.html FrontEND/Javascript 2017.12.01
Capslock 판단 **Capslock 키가 눌렸는지 판단 하는 방법 function checkCapsLock( e ) { var myKeyCode=0; var myShiftKey=false; var myMsg='Caps Lock 키가 켜져 있습니다.nnCaps Lock 키를 끄고 암호를 입력해주시기 바랍니다.'; // Internet Explorer 4+ if ( document.all ) { myKeyCode=e.keyCode; myShiftKey=e.shiftKey; // Netscape 4 } else if ( document.layers ) { myKeyCode=e.which; myShiftKey=( myKeyCode == 16 ) ? true : false; // Netscape 6 } else if ( docu.. FrontEND/Javascript 2017.11.30
jsp 엑셀 다운 엑셀로 다운 로드 하는 기능을 구현하는 방법. 1. 첫머리의 contentType에서 excel로 다운 받을 수 있도록 해당 내용을 넣어주고 2. 헤더에서 두줄을 추가해 주면 해당 페이지가 Excel로 자동으로 다운 받도록 기능한다. [ 결과 ] : 해당 페이지로 들어갈 때, 화면에 출력될 데이터가 그대로 엑셀로 담겨져서 보여진다. [ 필요한 점 ] : 화면에 들어가서 필요한 데이터를 따로 분류 혹은 검색하여 해당데이터만 엑셀로 다운받으려고 할 경우 추가의 작업이 필요하다. [ 추가한 점 ] 1. 화면에 출력된 데이터를, '버튼'을 누를때 화면의 데이터가 엑셀로 다운 받아지도록 한다. 2. Controller 에서 엑셀을 다운 받는 기능을 건네받고, 전달하도록 함.( Controller에서 엑셀 다운로드.. FrontEND/Jsp 2017.11.30
비밀번호 강도 체크 ** 정규식을 이용하여 비밀번호 강도 체크 하는 방법. /* 영문, 숫자, 특수문자, 9자리이상, 특수문자 사용안함 */ function checkPwd(){ var regexp1 = new RegExp("[A-Z]+"); var regexp2 = new RegExp("[a-z]+"); var regexp3 = new RegExp("[0-9]+"); var regexp4 = new RegExp("[^A-Za-z0-9]+"); if ($("#Password" ).val().length >= 9 && regexp1.test($( "#Password").val()) && regexp2.test($( "#Password").val()) && regexp3.test($( "#Password").val()) && .. FrontEND/Javascript 2017.11.30
api 반복 호출 방법 **일정시간마다 api 호출하는 방법 var health_timer = null;var interval_val = 5000; $(function() { // 5초마다 호출health_timer = setInterval(function() {//호출할 메소드}, "5000");} FrontEND/Javascript 2017.11.30
현재 페이지 refresh 하는 3가지 방법 1. location.reload(true); 2. location.href = location.href; 3. history.go(-1); FrontEND/Javascript 2017.11.30