본문 바로가기

JavaScript

[javascript] 쿠키를 이용한 로그인 아이디 저장 쿠키를 이용한 로그인 아이디 저장 login.jsp아이디 비밀번호 아이디 저장 로그인 js 더보기
[javascript] 자바스크립트 차트 자바스크립트 차트 자바스크립트에 관한 여러 차트 라이브러리가 있겠지만 예제로 만들어보면서 간단하게구현할 수 있기 때문에 나중에라도 매우 유용하게 쓰일 것 같다. HighCharts (링크)예제 차트 : (링크)chart, stock, map을 지원해준다. 예제로 만들어보았는데 간단한 라이브러리 참조만으로 차트 구현이 가능하다. Telerik Kendo UI (링크) 예제 차트 : (링크) , (링크)차트와 각종 UI 구현이 가능하다. 위처럼 간단한 라이브러리 참조로 css 없이 구현이 가능하다.하지만 jquery 1.8.1 버전부터 제대로 작동한다고 한다. 더보기
[javasciprt] 시간 카운트 시간 카운트 js jsp 초 분 초 더보기
[javascript] 파일 확장자 체크 파일 확장자 체크 확장자 체크$("#imagefile").on("change", function(){var fileName = $("#imagefile").val(); fileName = filename.slice(filename.indexOf(".") + 1).toLowerCase(); if(fileName != "jpg" && fileName != "png" && fileName != "gif" && fileName != "bmp"){alert("이미지 파일은 (jpg, png, gif, bmp) 형식만 등록 가능합니다.");$("#imagefile").val("");return;}}); 확장자, 파일 한글 체크function fileCheck() {var fileName = $("#imagefile.. 더보기
[javascript] 변수값 설정 시 default 사용 (short-circuit 트릭) 변수값 설정 시 default 사용 (short-circuit 트릭) JavaScript는 short-circuit을 이용하면 변수에 값을 할당할 때 유용하게 사용할 수 있다고 한다. (변수에 값이 할당되어 있는지 체크해서 없으면 default 설정하는 경우 등) 기존 default 사용var a = undefined;var b = "defalut";var c = ""; if(a){c = a;} else {c = b;} 일반적으로 a에 값이 없을경우 c에 dafault값을 이런식으로 주었었는데 short-circuit 트릭var a = undefined;var b = "default";var c = a || b; console.log(c); //default a = "hello world";c = a |.. 더보기
[javascript] String 프로토타입 정리 String 프로토타입 정리 /*--------------------------------------------------------------------------------*\ * 스트링 프로토타입\*--------------------------------------------------------------------------------*///-----------------------------------------------------------------------------// 문자의 좌, 우 공백 제거// @return : String//-----------------------------------------------------------------------------String.p.. 더보기
[javascript] 금액 입력과 동시에 콤마 찍기 금액 입력과 동시에 콤마 찍기 /* * 금액 입력과 동시에 콤마찍기 OnKeyUp * 101108(jhhur)수정 : 크로스 브라우징 이슈로 로직 수정 */function Set_Comma(n){ //return Number(String(n).replace(/\..*|[^\d]/g,"")).toLocaleString().slice(0,-3); var num = String(n).replace(/\..*|[^\d]/g,""); // 숫자 이외의 문자 체크 if(num != '0'){num = $.formatNumber(num, {format:"#,###", locale:"kr"}); // 넘버포맷 적용} return num;} 더보기
[javascript] 두 개의 날짜 비교 두 개의 날짜 비교 /** * 두 개의 시작날짜와 끝날짜 사이의 기간을 비교 합니다. * 두 날짜 기간이 올바르면 true, 올바르지 않으면 false. * @param arg1 - 비교할 시작날짜 * @param arg2 - 비교할 끝날짜 */function isDateOrder(obj1, obj2) {isNumeric(obj1, '', 8, 8);isNumeric(obj2, '', 8, 8); if(parseInt(obj1.value, 10) 더보기
[javascript] 간단한 문자열 비교 간단한 문자열 비교 function isStringCompare(arg1, arg2) {if(arg1.trim() == arg2.trim()){return true;} else {return false;}} 더보기
[javascript] 이메일 형식 체크 이메일 형식 체크 function isEmailValid(obj){var email = obj.val();var filter = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;if(filter.test(email)){return false;}else{alert("이메일 형식이 잘못되었습니다.");obj.focus();return true;}} 더보기
[javascript] 해당 년월에 마지막 날짜 구하기 해당 년월에 마지막 날짜 구하기 function lastDay(year, month){//var curDate = new Date();var lastDate = new Date(year, month, "");return lastDate.getDate();} 더보기
[javascript] javascript 정규표현식 javascript 정규표현식 정규표현식 1. 확장문자 (: backslash) - s : 공백 문자(스페이스, 탭, 폼 피드, 라인 피드) - b : 단어의 경계 - B 이를 제외한 모든 문자 매칭 - d : 숫자 - D : 숫자가 아닌 문자 [^0-9] 와 동일 - w : 알파벳, 숫자로 된 문자, 밑줄 기호(_) [A-Za-z0-9] - W : w의 반대 문자 [^A-Za-z0-9] - 특수문자 : 특수문자 자체를 의미 예) + (+ 기호 자체) 2. 특수문자 - * : 0회 이상 반복 - + : 1회 이상 반복 - ? : 0 또는 1개의 문자 매칭 - . : 정확히 1개 문자 매칭 3. 플래그 - g : 전역매칭 - i : 대소문자 무시 - m : 여러 줄 매칭 4. 기타 - () : 괄호로 묶인.. 더보기