FrontEND/Javascript 8

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

비밀번호 강도 체크

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