Devlog

JavaScript에서 변수 이름에 $ 기호를 사용하는 것은 일반적인 관례 중 하나입니다.특별한 문법적인 제한이 있는 것은 아니지만, 특정한 목적을 가지고 $를 사용하는 경우가 많습니다. 이번 포스팅에서는 그 이유를 정리해 보겠습니다.1. jQuery 객체를 구별하기 위해 사용$는 jQuery 라이브러리에서 기본적으로 사용하는 기호입니다. 따라서 jQuery 객체를 나타내는 변수에 $를 붙이면 가독성을 높일 수 있습니다.예제:var $element = $('#myElement'); // jQuery 객체var element = document.getElementById('myElement'); // 일반 DOM 요소위와 같이 $element는 jQuery 객체이고, element는 일반 JavaScrip..

left 메뉴를 submit (a tag) 방식으로 구현을 하면 메뉴가 바뀔때마다 화면이 깜빡거려서 불편할때가 한두번이 아니다. 이럴때 간단하게 해결할수 있는 방법은 jquery load를 사용하는 것이다. * 기존 방식 테스트 * jquery load 적용 코드 // 1. html 코드 스캐너 // 2. 화면 전환 function getContents (content) { $("#app-container").load(content); }

개발을 하다가 보면 li 이벤트 안에 li 이벤트를 또 걸수가 있는데 이렇게 되면 이벤트 중복이 일어나 원하는 방향으로 개발을 할수가 없다. 이럴때는 아래와 같이 해주면 된다.

보통 팝업을 띄우고 바로 조회를 하는데, 이미 띄워져 있으면 재조회를 할 필요가 없는것 같아 띄워져 있으면 포커스만 주게 수정을 했다. 아래는 팝업 있는지 체크하고 팝업을 여는 코드이다.

아래와 같이 "/resource/..." 경로를 쓰기 위해서는 서블릿 세팅이 필요하다. 1. web.xml 에서 설정 appServlet org.springframework.web.servlet.DispatcherServlet contextConfigLocation /WEB-INF/spring/appServlet/servlet-context.xml 1 2. servlet-context.xml 설정

c3란? d3의 복잡한 차트 사용을 쉽게 사용할수 있게 모듈화를 한 d3기반 라이브러리 입니다. 사용법은 무척 간단합니다. 헤더부분에서 라이브러리를 import 하기만 하면 준비는 끝. 아래는 JSON 형식의 데이터를 받아와서 차트를 그리는 방법입니다. c3js로 구현할수 있는 차트종류는 여러가지가 있지만 본문에서는 JSON데이터를 불러와서 활용해 보았습니다. 그리고 더 많은 차트는 아래 홈페이지에서 확인 가능합니다. http://c3js.org/examples.html

**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..

엑셀로 다운 로드 하는 기능을 구현하는 방법. 1. 첫머리의 contentType에서 excel로 다운 받을 수 있도록 해당 내용을 넣어주고 2. 헤더에서 두줄을 추가해 주면 해당 페이지가 Excel로 자동으로 다운 받도록 기능한다. [ 결과 ] : 해당 페이지로 들어갈 때, 화면에 출력될 데이터가 그대로 엑셀로 담겨져서 보여진다. [ 필요한 점 ] : 화면에 들어가서 필요한 데이터를 따로 분류 혹은 검색하여 해당데이터만 엑셀로 다운받으려고 할 경우 추가의 작업이 필요하다. [ 추가한 점 ] 1. 화면에 출력된 데이터를, '버튼'을 누를때 화면의 데이터가 엑셀로 다운 받아지도록 한다. 2. Controller 에서 엑셀을 다운 받는 기능을 건네받고, 전달하도록 함.( Controller에서 엑셀 다운로드..

** 정규식을 이용하여 비밀번호 강도 체크 하는 방법. /* 영문, 숫자, 특수문자, 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()) && ..

**일정시간마다 api 호출하는 방법 var health_timer = null;var interval_val = 5000; $(function() { // 5초마다 호출health_timer = setInterval(function() {//호출할 메소드}, "5000");}